Skip to content

Frontend for our makers final engineering project. Booksy is a book listing and purchasing website.

Notifications You must be signed in to change notification settings

TomMazzag/Booksy-frontend

Repository files navigation

Booksy - Online Book Store

Welcome to Booksy, your go-to online bookstore built using the MERN stack with user authentication handled by Clerk and payments processed by Stripe.. Booksy offers a vast collection of books across various genres, providing book lovers with an intuitive platform to explore, select, and purchase their favorite reads with ease. Whether you're into fiction, non-fiction, educational materials, or rare finds, Booksy is designed to cater to your reading preferences.

Features

  • Browse and Search: Navigate through our extensive library or use the search functionality to find specific books with ease.
  • Book Details: Access detailed information about books, including summaries, author details, and pricing.
  • User Authentication: Securely sign up and log in with Clerk user authentication for a personalized and secure shopping experience.
  • User Profiles: Manage your profile, view personalized recommendations, and keep track of your reading preferences.
  • Shopping Cart: Add books to your cart, adjust quantities, or remove items as needed before checkout.
  • Secure Checkout: Safely complete your purchases with integrated payment options, including Stripe for secure transactions.
  • Order History: View your past orders and track the status of your current purchases.
  • Favorites: Save books to your favorites list for easy access or future purchase.
  • Responsive Design: Enjoy a seamless shopping experience across all devices, thanks to our responsive design.

Tech Stack

Frontend: React.js for a dynamic and responsive user interface. Backend: Node.js and Express.js for robust server-side logic and API endpoints. Database: MongoDB for flexible and scalable data storage. Payment Processing: Stripe integration for secure and efficient payment transactions. Styling: CSS and responsive design principles for a polished and adaptive user experience.

Authors: (Team)

Demetrius Vissarion - https://github.com/demetriusvissarion Thomas Mazzag - https://github.com/TomMazzag Ilhan Abdalle - https://github.com/Illy-hans Jehoshua - https://github.com/AVJehoshua Fawaz Tarar - https://github.com/Fawaztarar

Trello

https://trello.com/b/qv2hfgk4/ecommerce-final-project

Excalidraw

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

Miro

API Documents

Getting Started

To set up the Booksy project locally, follow these steps:

Prerequisites

Node.js MongoDB

Installation

Backend Setup

  1. Clone the backend repository:

git clone https://github.com/AVJehoshua/Booksy-backend.git

Clone the repository or download the source code:

Frontend Setup

  1. Clone the backend repository:

git clone https://github.com/TomMazzag/Booksy-frontend.git

Navigate to the project directory:

cd Booksy-frontend

  • npm install
  • install dependencies
  • Start the React development server:

Install the required dependencies for the backend:

cd Booksy-backend

Start the backend server:

Configuration

Environment Variables Set up the required environment variables in .env files within the backend directory and .env.local in frontend

MONGO_URI: Connection string for your MongoDB database. STRIPE_SECRET_KEY: Secret key for Stripe payment integration. Stripe Integration Ensure you have set up your Stripe account and obtained the necessary API keys for payment processing.

Usage

Explore the bookstore, sign up or log in, add books to your cart, and proceed to checkout. Enjoy a seamless book shopping experience from the comfort of your home.

Contributing

Contributions are welcome! If you'd like to contribute, please fork the repository and create a pull request with your features or fixes.

License

Booksy is open-source web application

Acknowledgments

Special thanks to Booksy and Makers Team

Happy Reading! 📚

About

Frontend for our makers final engineering project. Booksy is a book listing and purchasing website.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published