/redux-mgmt

Primary LanguageTypeScript

Redux Shopping Cart

A shopping cart application where the user can add/remove shopping items to the associated shops.

Setup

Install dependencies

Once you've cloned the repository install the required dependencies:

yarn

Run

Development server

To run the project in development mode run:

yarn start

Run Test

yarn test

To Visit App:

localhost:3000

Project structure

The directory structure is the following:

├── .jest
├── public
├── scripts
├── server
├── src
│   ├── components
│   │   └──── icons
|   |   └──── select
|   |   |   └──── Select.scss
|   |   |   └──── Select.test.tsx
|   |   |   └──── Select.tsx
|   |   └──── shopping-cart-header
|   |   └──── shopping-list
│   ├── redux
│   │   └──── features
│   │   └──── store
│   ├── utils
│   │   └──── __fixtures__
│   │   └──── api
│   ├── App.tsx

General Information

Goal: The goal of the test assignment is to demonstrate:

  • How to set up and structure a Web application

  • The knowledge of using React (TypeScript) and Redux

  • The knowledge of working with SCSS

  • The ability to create pixel-perfect Web UI from a design file (Figma, etc...)

Expected:

Demonstrate good design/development principles and approaches even if this demo application size is small/simple

Technologies Used

  • JavaScript
  • React
  • Typescript
  • Redux-toolkit
  • Redux-persist
  • Sass / Scss

Thank you!