BookHub is an engaging web application designed to provide users with a comprehensive platform to explore, search, and manage their favorite books. Built with a modern tech stack, it ensures a seamless user experience for both casual readers and book enthusiasts.
-
Responsive Design: Optimized for all devices, ensuring usability on mobile, tablet, and desktop.
-
Dark Mode Support: Users can switch between light and dark modes for personalized browsing.
-
Search Functionality: Search for books by title or author.
-
Filter & Sort: Sort books by newest or oldest and apply search filters.
-
Detailed Book Pages: View comprehensive details of each book, including title, author, and description.
- Show More Feature: Fetch and display additional books without reloading the page.
-
React: Component-based library for building user interfaces.
-
TailwindCSS: Utility-first CSS framework for styling.
-
Axios: For data fetching and api calling.
-
React Router: For dynamic routing within the app.
-
Node.js: JavaScript runtime environment.
-
Express.js: Web framework for building RESTful APIs.
-
MongoDB: NoSQL database for storing book data.
-
date-fns: For handling date formatting.
-
lucide-react: For modern icons.
- Clone the repository:
git clone https://github.com/Girwar-Sahu/the-bookhub.git
- Navigate to the project directory:
cd bookhub
- Install dependencies and run backend server:
npm install
npm run dev
- Install dependencies and run frontend server:
cd client
npm install
npm run dev
-
Open your browser and navigate to http://localhost:3000 to explore the app.
-
go to http://localhost:3000/admin to perform CRUD operation
- "/" - root route
- "/admin" - for access admin routes and perform CRUD operation
- "/books" - for display all books in single page
- "/about" - about section
-
Inspired by modern book browsing platforms.
-
Special thanks to the open-source community for their tools and resources.
This project is licensed under the MIT License