Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ekamid/react-bookstore-cart
This is a ReactJS bookstore cart application using react router, context api, react hooks, bootstrap, and localStorage.
https://github.com/ekamid/react-bookstore-cart
Last synced: about 2 months ago
JSON representation
This is a ReactJS bookstore cart application using react router, context api, react hooks, bootstrap, and localStorage.
- Host: GitHub
- URL: https://github.com/ekamid/react-bookstore-cart
- Owner: ekamid
- Created: 2020-02-19T17:18:39.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T07:45:31.000Z (almost 2 years ago)
- Last Synced: 2023-05-04T07:53:56.295Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://ekamid.github.io/react-bookstore-cart/
- Size: 2.86 MB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple ReactJS Bookstore Cart Application
## What is in the Repo
This Project is a Simple ReactJS Application which demonstrates the following
1. Creating Functional Components in React
2. Using Bootstrap along with React
3. Using of React hooks
4. Fetching data from a json file
5. Managing state using Context API
6. Using Basic Routing in React
7. Fetching and Inserting data in localStorage
8. Using regex to search book
9. And finally demonstrated how to add product to a cart list, how to assess price and checkout**_This project is part of my React cardio session. It can be used to build bigger projects_**
## Live Application URL
#### https://ekamid.github.io/react-bookstore-cart/
## Prerequisites
### Install Node JS
Refer to https://nodejs.org/en/ to install nodejs
### Install create-react-app
Install create-react-app npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install create-react-app
```bash
npm install -g create-react-app
```## Cloning and Running the Application in local
Clone the project into local
```bash
git clone https://github.com/ekamid/react-bookstore-cart.git
cd react-bookstore-cart
```Install all the npm packages. Go into the project folder and type the following command to install all npm packages
```bash
npm install
```In order to run the application Type the following command
```bash
npm start
```The Application Runs on **localhost:3000**