Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/katarighe/bookstore
The Bookstore React App is a single-page application that allows users to browse and purchase books. It is built using the React JavaScript library and features a navbar and footer that provide navigation throughout the app.
https://github.com/katarighe/bookstore
bookstoreapp css html javascript microverse microverse-projects react redux
Last synced: 28 days ago
JSON representation
The Bookstore React App is a single-page application that allows users to browse and purchase books. It is built using the React JavaScript library and features a navbar and footer that provide navigation throughout the app.
- Host: GitHub
- URL: https://github.com/katarighe/bookstore
- Owner: katarighe
- License: mit
- Created: 2023-08-17T13:21:39.000Z (over 1 year ago)
- Default Branch: development
- Last Pushed: 2023-08-25T12:18:33.000Z (about 1 year ago)
- Last Synced: 2024-10-03T13:41:49.736Z (about 1 month ago)
- Topics: bookstoreapp, css, html, javascript, microverse, microverse-projects, react, redux
- Language: JavaScript
- Homepage: https://brilliant-vacherin-c698ee.netlify.app/
- Size: 521 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Run tests](#run-tests)
- [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
The **Bookstore React App** is a single-page application that allows users to browse and purchase books. It is built using the React JavaScript library and features a navbar and footer that provide navigation throughout the app. Users can register and login to create and manage their accounts, and they can add and remove books from a shopping cart. A search bar allows users to find books by title, author, or genre. A list of books that are currently in stock is also available, and each book has a page where users can view more information, such as the book's description, reviews, and price. Finally, users can view their past orders on an order history page.
The project is built with React, JSX, CSS, and JavaScript. It is also deployed on Heroku, so you can try it out by visiting the live demo.
The App is still under development, but it is a good example of how React can be used to build a dynamic and interactive web application. Some additional features that could be added to the app in the future include the ability to filter books by genre, price, or other criteria; the ability to add books to a wishlist; the ability to rate and review books; the ability to subscribe to email notifications about new books; the ability to purchase books in different currencies; and the ability to translate the app into different languages.
## 🛠 Built With
* React
* JSX
* CSS
* Javascript ES6
* Visual Studio Code
* ESLint
* Stylelint
> The key features of this project include the following.
- **A navbar and footer that provide navigation throughout the app.**
- **A register and login form for users to create and manage their accounts.**
- **A shopping cart where users can add and remove books.**
- **A search bar that allows users to find books by title, author, or genre.**
- **A list of books that are currently in stock.**
- **A page for each book where users can view more information, such as the book's description, reviews, and price.**
- **An order history page where users can view their past orders.**
- Live Demo of the Project: https://brilliant-vacherin-c698ee.netlify.app/
## 💻 Getting Started
Get ready to explore the cosmos with these steps:
Ensure you have:
- A Web Browser such as Microsoft Edge or Google Chrome 🌐
- Git 🐙
- A code editor such as Visual Studio Code 👨💻
Use `git clone` to get your local copy of the project.
```bash
git clone https://github.com/katarighe/bookstore-react.git
```
Run `npm install` to set up the required packages.
```bash
npm install
```
### Run Tests
To run tests run the following command in your terminal
```
npm test
```
Launch the app with the following command
```
npm start
```
👤 **Mohamed Aden Ighe**
- GitHub: [@katarighe](https://github.com/katarighe)
- Twitter: [@katarighe](https://twitter.com/katarighe)
- LinkedIn: [@mighe](https://linkedin.com/in/mighe)
> Here are some future features that could be added to the Bookstore React app in the future.
- **User authentication and authorization:** This would allow users to create accounts, sign in and out, and have their own personal bookshelves.
- **Shopping cart:** This would allow users to add books to their cart and checkout.
- **Payment processing:** This would allow users to pay for their purchases with a credit card or other payment method.
- **Shipping and delivery:** This would allow users to track the status of their orders and have their books shipped to them.
- **Reviews and ratings:** This would allow users to leave reviews and ratings of books they have read.
- **Wishlist:** This would allow users to save books they are interested in buying for later.
- **Personalization:** This would allow the app to be customized to each user's preferences, such as their favorite genres or authors.
- **Social features:** This would allow users to connect with other users, share book recommendations, and discuss books.
These are just a few ideas for future features that could be added to the Bookstore React app. The specific features that are added will depend on the needs and wants of the users.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a star⭐️ or a thumbs up 👍 if you like this project! You can visit my GitHub profile for more of my projects.
- Project supervised by [Microverse](https//www.microverse.org/)
- [Creative Commons 4.0 License](https://creativecommons.org/licenses/by-nc/4.0/)
This project is [MIT](./LICENSE) licensed.