Shop Challenge

Table of Contents

• Description
• Technology Used
• Installation Guide
• How to Use the Project
• Acknowledgements

Description

Project origin

Shop Challenge is a frontend project which i performed as one of the challenge i saw it online

What it can do

Shop Challenge is a frontend project which a user can buy cakes and iceCreams from the shop

Technology used

React.JS, React-Redux, Vite(Module bundler)

Installation guide

1. Install Node.js v16.14.2 in your local computer Node Js.
2. Install Git as a version controller.
3. Copy the project repository directory URL from here.
4. Go to the directory in your computer where you want the cloned project to be placed.
5. Open the command line and run git clone [paste the URL] then run.
6. The project folders and files are ready set in your local computer at that specific directory.

project setup

1. Back to your root directory where you can access the folder containing the cloned project folder and files
2. Open the Command Line Interface(CLI) in your present directory then run the command cd folderName. This will direct you toyour created folder.
3. Inside the folder open the terminal and run command npm install. This will install all the dependencies present in package.json file into your project folder.

How to use the project

project use

1. Back to your root directory where you can access the project cloned folder.
2. Open the Command Line Interface(CLI) in your present directory then run the command cd folderName. This will direct you to the created project folder.
3. Inside the project folder open the terminal and run command 'npm run dev' inorder to initiate React.JS with Vite server.
4. Wait for a moment then you will observe the console displays the main route http://localhost:5173 then hold ctrl key and click the link to open the project in your browser.
5. If it hasnot opened at the browser but the server is already initiated then open the browser and write localhost:5173 in the search engine and run.
6. Now the frontend React.Js with Vite server is running, you are ready to test the functionalities well.

Acknowlegements

I obtained React.Js knowledge from React.Js.

Also i obtained React-Redux knowledge from React-Redux docs.