https://github.com/saagor16/book-store-frontend
This is the frontend of the Book Store application, offering a user-friendly interface for exploring books, managing orders, and handling admin tasks with responsive design and seamless functionality.
https://github.com/saagor16/book-store-frontend
chartjs firebase react reactrouterdom redux sweetalert2 swiper tailwindcss vite
Last synced: 3 months ago
JSON representation
This is the frontend of the Book Store application, offering a user-friendly interface for exploring books, managing orders, and handling admin tasks with responsive design and seamless functionality.
- Host: GitHub
- URL: https://github.com/saagor16/book-store-frontend
- Owner: saagor16
- Created: 2024-12-21T12:41:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-15T00:44:20.000Z (over 1 year ago)
- Last Synced: 2026-01-03T12:28:07.008Z (6 months ago)
- Topics: chartjs, firebase, react, reactrouterdom, redux, sweetalert2, swiper, tailwindcss, vite
- Language: JavaScript
- Homepage: https://book-store-app-ff563.web.app/
- Size: 2.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Book Store Frontend
This is the frontend of the **Book Store** application, built using React, Vite, and Tailwind CSS. The application allows users to browse and order books, manage their orders, and includes an admin panel for managing the store's content.
---
## Live Links
- **Frontend Live Site**: [Book Store App](https://book-store-app-ff563.web.app/)
- **Admin Panel**: [Admin Panel](https://book-store-app-ff563.web.app/admin)
- **Username**: `admin`
- **Password**: `123456`
- **Backend GitHub Repository**: [Book Store Backend](https://github.com/saagor16/Book-Store-Backend-)
---
## Features
### User Panel
- **Browse Books**: View a list of books with detailed information.
- **Cart Management**: Add books to the cart and proceed to checkout.
- **Order Management**: Place and track orders through the user dashboard.
- **Authentication**: Login, logout, and register functionality.
### Admin Panel
- **Manage Books**: Add, delete, and update book information.
- **Order Management**: View the list of orders.
- **Dashboard**: View graphs and statistics on book additions and orders.
- **User-Friendly Interface**: Responsive and visually appealing UI for both admin and user panels.
---
## Environment Variables
The following environment variables need to be configured in a `.env.local` file:
```env
VITE_API_KEY= "your-api-key"
VITE_AUTH_DOMAIN= "your-auth-domain"
VITE_PROJECT_ID= "your-project-id"
VITE_STORAGE_BUCKET= "your-storage-bucket"
VITE_MESSAGING_SENDERID= "your-messaging-sender-id"
VITE_APPID= "your-app-id"
```
> **Note:** Replace `your-api-key`, `your-auth-domain`, etc., with your actual Firebase credentials. Make sure to keep this file secret and never expose it in your repository.
---
## Technologies Used
- **React**: Frontend library for building UI components.
- **Redux Toolkit**: State management.
- **Tailwind CSS**: Styling and responsive design.
- **Vite**: Build tool for faster development.
- **React Router DOM**: Routing and navigation.
- **Firebase**: Authentication and backend integration.
- **Chart.js**: Graphs and data visualization.
- **SweetAlert2**: Elegant alerts for user interactions.
- **Swiper**: Responsive sliders.
---
## Scripts
- Start the development server:
```bash
npm run dev
```
- Build for production:
```bash
npm run build
```
- Preview the production build:
```bash
npm run preview
```
---
## Installation
1. Clone the repository:
```bash
git clone
```
2. Navigate to the project directory:
```bash
cd book-store-frontend
```
3. Install dependencies:
```bash
npm install
```
4. Create a `.env.local` file and configure environment variables as shown above.
5. Start the development server:
```bash
npm run dev
```
---