A complete full-stack bicycle showcase and management application designed to deliver a dynamic user experience using raw React on the frontend and a robust backend setup.
🌐 Live Site: bicycle-sphere.vercel.app
📁 backend Repo: bicycle-sphere-backend
(This project was mainly a team project)
🌐 Live Site: cycle-sphere.vercel.app
📁 frontend Repo: cycle-sphere-client
📁 backend Repo: cycle-sphere-backend
Cycle-Sphere is a feature-rich web app for bicycle enthusiasts, shop managers, or online vendors. It includes full CRUD operations, user management, and dynamic rendering without using a framework like Next.js — just plain React.js with a powerful backend stack.
- Library: React.js (no framework)
- Language: JavaScript
- Styling: Tailwind CSS / CSS Modules
- State Management: Context API
- Runtime: Node.js + Express
- Language: TypeScript
- Database: MongoDB with Mongoose
- Authentication: JWT
- Deployment: Vercel (frontend), Render/Heroku (backend)
- Advanced filtering for cycles
- View detailed cycle information
- Add to cart and manage cycle list
- Order management & history
- Secure user authentication and protected routes
- JWT-based authorization
- Form validation and error handling
- Responsive and mobile-friendly design
- Admin CRUD interface for cycles
- Admin tools to manage cycle inventory
- User profiles and dashboards
- SSLCommerz integration for purchases
To run the project locally, follow these steps:
git clone https://github.com/Faey2023/cycle-spherecd cycle-spherenpm installnpm run devThe app should now be running at http://localhost:3000.