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

npm install -g create-react-app

Cloning and Running the Application in local

Clone the project into local

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

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000