https://github.com/simonapiz/codecademystore
An Application that mimics Codecademy's own store.
https://github.com/simonapiz/codecademystore
codecademy-solutions front-end-development javascript reactjs redux-store
Last synced: about 1 month ago
JSON representation
An Application that mimics Codecademy's own store.
- Host: GitHub
- URL: https://github.com/simonapiz/codecademystore
- Owner: SimonaPiz
- Created: 2023-05-22T13:49:38.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-22T14:37:06.000Z (about 3 years ago)
- Last Synced: 2025-02-13T06:23:56.034Z (over 1 year ago)
- Topics: codecademy-solutions, front-end-development, javascript, reactjs, redux-store
- Language: JavaScript
- Homepage: https://codecademy-store_simonapiz.surge.sh/
- Size: 795 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Codecademy Store
> In this project, I build a program that mimics Codecademy’s own online store
Live demo [codecademy-store_simonapiz](https://codecademy-store_simonapiz.surge.sh/).
## Table of Contents
* [General Info](#general-information)
* [Technologies Used](#technologies-used)
* [Features](#features)
* [Setup](#setup)
* [Acknowledgements](#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 `` component
- render the `` 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](https://join.codecademy.com/learn/paths/front-end-engineer-career-path-b/) course.