Skip to content

Girwar-Sahu/the-bookhub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TheBookHub

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.

Snapshot

Screenshot 2024-12-25 014344 Screenshot 2024-12-30 155406

Features

User-Friendly Interface

  • 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.

Book Management

  • 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.

Pagination & Lazy Loading

  • Show More Feature: Fetch and display additional books without reloading the page.

Tech Stack

Frontend

  • 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.

Backend

  • Node.js: JavaScript runtime environment.

  • Express.js: Web framework for building RESTful APIs.

  • MongoDB: NoSQL database for storing book data.

Additional Libraries

  • date-fns: For handling date formatting.

  • lucide-react: For modern icons.

Installation and Usage

Steps

  1. Clone the repository:
git clone https://github.com/Girwar-Sahu/the-bookhub.git
  1. Navigate to the project directory:
cd bookhub
  1. Install dependencies and run backend server:
npm install
npm run dev
  1. Install dependencies and run frontend server:
cd client
npm install
npm run dev
  1. Open your browser and navigate to http://localhost:3000 to explore the app.

  2. go to http://localhost:3000/admin to perform CRUD operation

frontend Routes

  • "/" - root route
  • "/admin" - for access admin routes and perform CRUD operation
  • "/books" - for display all books in single page
  • "/about" - about section

Authors

Acknowledgements

  • Inspired by modern book browsing platforms.

  • Special thanks to the open-source community for their tools and resources.

License

This project is licensed under the MIT License