https://github.com/mmggyy66/my-react-bookstore
[My-React-BookStore] is a website for all fans of books. It is a Single Page App (SPA) that allows users to: - [] add books. - [] delete books. - [] retrieve books from api.
https://github.com/mmggyy66/my-react-bookstore
css react react-router reactjs redux
Last synced: 2 months ago
JSON representation
[My-React-BookStore] is a website for all fans of books. It is a Single Page App (SPA) that allows users to: - [] add books. - [] delete books. - [] retrieve books from api.
- Host: GitHub
- URL: https://github.com/mmggyy66/my-react-bookstore
- Owner: MMGGYY66
- Created: 2023-02-24T15:43:10.000Z (over 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-03-06T15:46:37.000Z (over 3 years ago)
- Last Synced: 2025-02-05T13:14:32.037Z (over 1 year ago)
- Topics: css, react, react-router, reactjs, redux
- Language: JavaScript
- Homepage: https://aspiring-cup.surge.sh/
- Size: 2.01 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My React BookStore Project (Module 3)
My React BookStore Project
# 📗 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)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
**[My-React-BookStore]** is a website for all fans of books. It is a Single Page App (SPA) that allows users to:
- [] add books.
- [] delete books.
- [] retrieve books from api.
Client
Server
Database
- **[Dynamically]**
- **[Git-flow]**
- **[Good-HTML-JS-and-CSS-practices]**
- **[ES6-modules]**
- **[react-Jest-tests]**
- **[react-Webpack]**
## 🚀 Live Demo
[my-react-bookstore](https://aspiring-cup.surge.sh/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A computer with node.js.
- Internet access.
### Setup
In order to run this project you need: clone this repo : [git@github.com:MMGGYY66/my-react-bookstore.git]
### Install
After cloning the repo you need to install de dependencies.
- Run this command in the project folder:
npm install
### Usage
To run the project, execute the following command:
- Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. run:
npm run build
- Runs the app in the development mode. Open http://localhost:3000 to view it in the browser: run
npm start
### Run tests
To run tests, run the following command:
npm test
### Deployment
# [my-react-bookstore](https://aspiring-cup.surge.sh/)
👤 **Mohamed Gamil Eldimardash**
- GitHub: [@github](https://github.com/MMGGYY66)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/mohamed-eldimardash-0023a3b5/)
- Twitter: [twitter](https://twitter.com/MOHAMEDELDIMARd)
- Facebook: [facebook](https://www.facebook.com/MOHAMED.ELDIMARDASH/)
- [ ] **[Create a directory called components.]**
- [ ] **[Inside components, create a new Books.js file.]**
- [ ] **[In Books.js, create a React component that matches given design]**
Project 2: Add reducers and actions.
Project 3: Use Redux in React components.
Project 4: Connect to API.
Project 5: Styling.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/MMGGYY66/my-react-bookstore/issues/2).
If you like this project take the time to give a star, follow me and a feedback, we will appreciate it.
I would like to thank Microverse for giving me the chance to improve my coding.
## ❓ FAQ (OPTIONAL)
- **What is this for?**
- This is a react.js project to practice working with react.js.
- **Can i copy this project?**
- Your welcome, copy this project and let us know if you have any questions.
This project is [MIT](https://github.com/MMGGYY66/my-react-bookstore/blob/bookstore-setup/MIT.md)