📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 🛠 Additional Tool
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 BookStore

BookStore is a SPA (Single Page Application). It will help you to Keep your books. Add, store your new books or remove them.

🛠 Built With

• React, Redux-toolkit,
• axios, for making HTTP requests
• react-icons for icons
• react-router-dom, for routes
• Twailwind CSS framework👍
• Use redux Global state management
• Use actions and reducers inside component
• Use a good File structore to place the componenst, pages and store
• (RWD) responsive web design
• Use Vite to setup up react component
• Use onrender.com Pages to deploy web page.
• Use uuid libarary to create unique ids for books

Tech Stack

Client

• React
• axios
• react-icons
• React-Router
• Redux-ToolKit
• Twailwindcss
• Vite
• uuid

Additional tools

• Robot Slab Fonts
• Montserrat Fonts

Key Features

• Making use of Tailwindcss frame work to add CSS styles
• Apply JavaScript best practices and language style guides in code.👌
• Use React components to create BookStore App
• Use JavaScript helper functions.💯
• Use Microvere API to store and access data.
• Use createAsyncThunk with axios
• Use useRoutes from react-router-dom to stablish navigation links
• Use semantic HTML tags.
• Apply best practices in HTML JSX.

(back to top)

🚀 Live Demo

BookStore-v-2

(back to top)

💻 Getting Started

Setup

To setup and install this project, follow the below steps:

• Clone this project by the command:

$ git clone https://github.com/Ali-0111/BookStore-2.git

• Then switch to the project folder by the bellow query:

$ cd BookStore-2

Prerequisites

• ✔ A professional editer such as VS Code.
• ✔ An Updated web browser such as Google Chrome, you can download it from here.
• ✔ Node.js installed in your machine.
• ✔ Git installed in your machine.
• ✔ Sign in or sign up to your Github account.

Install

- Install npm dependencies with:
$ npm install

Usage

1. Download or clone this repostory
2. Provide a browser.
3. Run the command: npm run dev or open the index.html form dis folder with a live server

Deployment

This project is deployed with onrender.com and you can access the live version of the project in the Live Demo section.

(back to top)

👥 Authors

👤 Qurban Ali Safari

• 👤 GitHub: Ali-0111
• 👤 Twitter: qurban_safari
• 👤 LinkedIn: Safari

(back to top)

🔭 Future Features

• Optimization
• Add conditinal rendering on loading

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project give it a ⭐️

(back to top)

🙏 Acknowledgments

• 🙏 Microverse for its arrangements and supports.

(back to top)

📝 License

This project is MIT licensed.

(back to top)