Welcome to Cycleventure — an e-commerce web app built with Next.js, Supabase, and Zustand. The goal of this project is to create a fully functional online bicycle store with features like user authentication, product listings, shopping cart, and (soon) order management.
Cycleventure is designed to provide a seamless shopping experience for bicycle enthusiasts. It leverages modern web technologies to ensure performance, scalability, and a smooth user experience.
🔗 Check it out 👉 Cycleventure Live
- ✅ User authentication and authorization via Supabase
- ✅ Product listings with pricing
- ✅ Product Preview for each bike with detailed info
- ✅ Sorting and filtering to enhance browsing
- ✅ Cart support for both guests and signed-in users
- ✅ Light and Dark themes with animated theme toggle
- 🛠️ Order management system (Coming Soon!)
- ✅ Fully responsive design (mobile, tablet, desktop)
- ✅ Real-time state updates using Zustand
| Tech | Purpose |
|---|---|
| Next.js | Frontend framework with SSR/SSG |
| Supabase | Backend-as-a-Service (Auth, DB, Storage) |
| Zustand | State management for React |
| Tailwind | Utility-first CSS framework for styling |
git clone https://github.com/yourusername/cycleventure.git
cd cycleventurenpm install
# or
yarnCreate a .env.local file in the root:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_keypnpm devVisit: http://localhost:3000
Coming soon...
Made with ❤️ by @AtanasovCode