Codecademy Store

In this project, I build a program that mimics Codecademy’s own online store

Live demo codecademy-store_simonapiz.

Table of Contents

• General Info
• Technologies Used
• Features
• Setup
• Acknowledgements

General Information

Purpose

Use the entire process of REDUX to making action creators, setting up a slice reducer, creating the store object, and plugging in the store data into React components.

Features

The application :

• should display products from the Codecademy store
• allow the user to add them to their cart.

In the cart:

• the user can adjust the quantity of each item

• the running total will be displayed at the bottom.

Lastly:

• the user can choose the currency for the entire application.

Project tasks

• complete the cart’s action creators and reducer logic
• create the store using createStore() and combineReducers()
• pass the store resources to presentational components via the top-level <App/> component
• render the <Cart/> component using the current state data
• dispatch actions to the store
• bonus: Add a search feature to filter the products shown in the inventory.

Technologies Used

• Node - version 18
• React - version 18
• Redux - version 4

Setup

To run this project, install it locally using npm:

$ cd ../[directory]
$ npm install
$ npm start

Acknowledgements

This project comes from the Codecademy's Front-End Engineer course.