Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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**