Booksy frontend Download - Booksy frontend Source code download

Booksy frontend

Other source code

Download

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

Clone the backend repository:

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

Clone the repository or download the source code:

Frontend Setup

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:
npm start
The application should now be running on http://localhost:3000.

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.