Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/robiuzzaman4/bike-hub

Bike Hub - The visual showcasing of bikes. Build with most popular React framework Next.js 13 and TypeScript
https://github.com/robiuzzaman4/bike-hub

expressjs framer-motion mongodb mongoose nextjs13 nodejs tailwindcss typescript

Last synced: 3 days ago
JSON representation

Bike Hub - The visual showcasing of bikes. Build with most popular React framework Next.js 13 and TypeScript

Awesome Lists containing this project

README

        

# Bike Hub - The visual showcasing of bikes

![Car Showcase](https://i.postimg.cc/9ftSfyYc/bikehub-thumbnail-1.png)

## Introduction
The Bike Hub is a platform dedicated to celebrating the artistry, adventure, and culture of biking. Whether you're a passionate biker, an enthusiast, or simply curious about the world of two-wheeled journeys, this platform is designed to inspire, connect, and immerse you in the captivating world of bikes.

## Main Features
- Modern and minimalistic UI.
- Responsive full application.
- Search bikes by brand name with Combobox (suggestion).
- Filter bikes by pricing descending or ascending order.
- Show each bike details in Dialog (Modal).
- Optimize Metadata and SEO.

## Technical Part
- Next.js 13 app router and server side rendering.
- Using custom components such as Button, Search Bar etc.
- Maintain a well-organized file and folder structure.
- Reuseable code.

## Used Technologies
- Next.js 13
- TypeScript
- Tailwind CSS
- Framer Motion
- Remix Icon
- React Fast Marquee
- React Hot Toast
- React Scroll
- Node.js
- Express.js
- MonogoDB (Mongoose)

## [Live Site Link 🚀](https://bike-hub.vercel.app/)