Cycle Wave is a responsive and modern cycling-focused website designed to enhance the experience of riders, whether they are casual cyclists or professional enthusiasts. With features such as event tracking, personalized ride logs, route planning, and a strong cycling community focus, Cycle Wave serves as the all-in-one platform for cycling lovers.
- Frontend: Next.js, Redux, Tailwind CSS, ShadCN UI
- Backend: Node.js, Express.js, Prisma ORM, PostgreSQL, JWT for secure authentication
- Libraries & Tools: Leaflet.js (for maps), Chart.js, Nodemailer (email alerts & confirmations)
- Track and log every ride including distance, time, speed, and route.
- Detailed ride history with performance analytics.
- Interactive maps with route suggestions and terrain analysis.
- Save and share custom cycling routes with the community.
- Browse and register for local and international cycling events.
- Get reminders and event updates in real-time.
- Personal dashboard to showcase riding stats, badges, and personal achievements.
- Connect with fellow riders and view their public ride logs.
- Weekly and monthly cycling challenges with rewards.
- Global and local leaderboards based on distance, time, and elevation gain.
- Fully optimized for search engines to promote events, blogs, and profiles.
- Read and contribute blogs related to cycling gear, health tips, and stories.
- Stay updated with the latest cycling industry news.
- Designed with a mobile-first approach for seamless experience across all devices.
- Purchase cycling gear, accessories, and branded merchandise directly from the website.
- Join cycling groups, organize meetups, and participate in discussion forums.
- Follow favorite cyclists and get notified of their rides and blog updates.
- Visual charts and graphs to analyze ride performance over time.
- Insights on calories burned, average speed, and climbing stats.
- Free and premium membership tiers offering exclusive perks and content access.
- Email alerts for ride milestones, upcoming events, and new blog posts.
- Chat with support for any queries or issues.
- Get in touch with event organizers or cycling coaches instantly.
Make sure you have the following installed:
- Node.js (v14.x or later)
- PostgreSQL (configured and running)
# Clone the repository
git clone https://github.com/your-username/cycle-wave.git
cd cycle-wave# Install dependencies
npm installtouch .env Add your PostgreSQL credentials, JWT secrets, and email config here
npx prisma migrate dev
# Start the development server
npm run devFor any inquiries or feedback, reach out via email: 📩 md.masum0058@gmail.com