https://github.com/asyylz/book-store

Welcome to the GitHub repository of Book Store App! This project is a robust web application built with React, showcasing a user-centric interface with secure authentication, dynamic routing, and real-time database integration.
https://github.com/asyylz/book-store

carousel context-api firebase-auth firebase-realtime-database mui mui-icons muiv5 react styled-components swiper-js uuidv4

Last synced: 3 months ago
JSON representation

Welcome to the GitHub repository of Book Store App! This project is a robust web application built with React, showcasing a user-centric interface with secure authentication, dynamic routing, and real-time database integration.

• Host: GitHub
• URL: https://github.com/asyylz/book-store
• Owner: asyylz
• License: mit
• Created: 2024-04-17T19:06:58.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-17T10:42:59.000Z (about 1 year ago)
• Last Synced: 2024-05-17T11:24:39.367Z (about 1 year ago)
• Topics: carousel, context-api, firebase-auth, firebase-realtime-database, mui, mui-icons, muiv5, react, styled-components, swiper-js, uuidv4
• Language: JavaScript
• Homepage: https://asybook-store.netlify.app/
• Size: 412 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

    

        
Book Store App

        
Welcome to the GitHub repository of Book Store App! This project is a robust web application built with

            React, showcasing a user-centric interface with secure authentication, dynamic routing, and real-time

            database integration.

    

    

        
Key Features

        

        


            
React Context API
 Manages global state across the application, providing a

            seamless state management solution without third-party libraries.

            
React Router
 Facilitates nested layouts and dynamic routing throughout the

            application.

            
Private Routes
 Ensures secure access to authenticated user pages using Firebase

            authentication.

            
Firebase Authentication
 Manages user authentication processes, providing secure

            log-in and registration features.

            
Firebase Realtime Database
 Stores and syncs data in real time, enhancing the user

            experience with instant updates.

            
Material-UI
 Offers a comprehensive suite of UI tools to create intuitive and

            responsive designs.

            
UUIDv4
 Generates unique identifiers for entities, ensuring data integrity and

            uniqueness.

            
Toastify
 Provides elegant notifications and alerts for user interactions.

            
Swiper
 Implements dynamic carousels for a visually engaging user experience.

        

    

    

        
Getting Started

        
Prerequisites

        
What you need to install the software:

        


            
Node.js

            
npm (Node Package Manager)

            
A Firebase account

        

        
To get started with the repository, follow these steps:

        
1.Installation

        


            
Clone the repository to your local machine using the following command:

            
git clone https://github.com/asyylz/Book-Store.git

            
Navigate to the project directory you choose:

            
cd book-store

            
Install project dependencies using npm:

            
npm install

        

        
2.Set up Firebase

        


            
Create a Firebase project in the Firebase console.

            
Enable Authentication and configure the Realtime Database.

            
Place your Firebase config in a .env file at the root of your project:

            
FIREBASE_API_KEY=<your-api-key>

            FIREBASE_AUTH_DOMAIN=<your-auth-domain>

            FIREBASE_DATABASE_URL=<your-database-url>

            FIREBASE_PROJECT_ID=<your-project-id>

            FIREBASE_STORAGE_BUCKET=<your-storage-bucket>

            FIREBASE_MESSAGING_SENDER_ID=<your-messaging-sender-id>

            FIREBASE_APP_ID=<your-app-id>

            FIREBASE_MEASUREMENT_ID=<your-measurement-id>

        

        
3.Run the development server

        
Start the development server:

        
npm start

    

    

        
Outcome

        
Reach outcome site here 

    

    
Architecture

    

        
Contributing

        
Contributions to the project are welcome! If you find any issues or have suggestions for improvements, please

            feel free to open an issue or submit a pull request.

        
License

        
This project is licensed under the MIT License.