Book Store Web Application

Welcome to the E-Commerce BookStore, a modern and responsive web application designed for book lovers to browse, search, and purchase books online.
This application features essential e-commerce functionalities and is built with the latest web technologies.

Live Demo: Check out the live application here

Features

• Authentication/Authorization: Secure login and registration using JWT authentication to ensure user data privacy and protection.
• Dark Mode: A toggle feature that allows users to switch between light and dark themes for a comfortable viewing experience.
• Search Functionality: Advanced search to quickly find books by title, author, or genre.
• Dashboard: A user-friendly dashboard for managing book listings, orders, and user profiles.
• Simulated Payment: A mock payment system to simulate the checkout process without real financial transactions.
• Framer Motion: A simple yet powerful motion library for React
• Sort and Filter:
  • Sort by:
    • Price - Low to High
    • Price - High to Low
    • Rating
  • Rating:
    • 4 Stars & Above
    • 3 Stars & Above
    • 2 Stars & Above
    • 1 Star & Above
  • Other Filters:
    • Best Seller Only
    • In Stock Only
  • Clear Filters Button

Built With

• React: A powerful JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• JSON Server: A simple backend for storing and retrieving data.
• JWTAuth: JSON Web Token authentication for secure user login and registration.
• Context API: React's Context API for state management across the application.

Note: The backend part built using Mock Server with json server (that simulates a RESTful API using a JSON file as the data source) and with a (JWT authentication middleware for JSON Server).

• You can find it here: https://github.com/HAWKZ4/codebook-mock-server

Deployment

• Netlify/Render: The application is deployed on Netlify/Render for seamless continuous deployment and reliable hosting.

Installation

To run this project locally, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/ecommerce-bookstore.git

cd ecommerce-bookstore

Install dependencies:

3. npm install Start the JSON server:

4. npm run json-server

5. Run the application:

Usage

Register or Login: Create an account or log in with existing credentials.

Browse Books: Explore the collection of books available in the store.

Search: Use the search bar to find books by title.

Add to Cart: Add desired books to your cart.

Checkout: Simulate the checkout process with the mock payment system.

Dashboard: Manage your profile, view order history, and access administrative features if you are an admin.

Sort and Filter: Utilize the sorting and filtering options to refine your book search results.

Contributing

Contributions are welcome! If you have suggestions or improvements, feel free to submit a pull request or open an issue.