Git Product home page Git Product logo

asyylz / book-store Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 422 KB

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.

Home Page: https://asybook-store.netlify.app/

License: MIT License

HTML 0.51% JavaScript 95.60% CSS 3.89%
carousel context-api firebase-auth firebase-realtime-database mui mui-icons muiv5 react styled-components swiper-js uuidv4

book-store's Introduction

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

  1. Clone the repository to your local machine using the following command:
  2. git clone https://github.com/asyylz/Book-Store.git
  3. Navigate to the project directory you choose:
  4. cd book-store
  5. Install project dependencies using npm:
  6. 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.

    book-store's People

    Contributors

    asyylz avatar

    Watchers

     avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google โค๏ธ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.