CYP Market is a high-end, premium marketplace application designed with a cosmic aesthetic and smooth user experience. It features immersive animations, sleek glassmorphism components, and a robust full-stack integration with Supabase.
This isn't just a marketplace; it's a visual journey.
- 🎭 Cinematic Animations: Interactive wavy background and hero section powered by GSAP.
- 💎 Glassmorphism UI: High-end visual components with deep blur and glowing borders.
- 🔐 Supabase Auth: Secure user registration, login, and session management.
- 📦 Smart Storage: Integrated Supabase Storage for high-speed image uploads.
- 📱 Responsive Design: Fully optimized for all screens with a mobile-first approach.
- ⚡ Turbocharged Performance: Built on Next.js 15 for lightning-fast speeds.
| Frontend | Backend | Tools |
|---|---|---|
| Next.js 15 (App Router) | Supabase (Auth & DB) | GSAP (Magic) |
| Lucide React (Icons) | Supabase Storage | Vercel (Hosting) |
| Vanilla CSS (Custom Design) | JWT / Jose | TypeScript |
- Background:
#03030b(Deep Space) - Primary Color:
#4973ff(Electric Blue) - Glass Effect: Advanced Backdrop Filters & Glossy Overlays
- Typography:
Montserrat&Unbounded(Modern & Bold)
Created with ❤️ by @daqxn
-
Clone the stars:
git clone https://github.com/Danyokkk/cypmfinal.git
-
Install fuel:
npm install
-
Configure environment: Create a
.env.localwith your Supabase credentials:NEXT_PUBLIC_SUPABASE_URL=your_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_key
-
Blast off:
npm run dev
"The market is yours. Own the galaxy."
© 2026 CYP Market Project. Developed by @daqxn.