Shopping List - Full Stack App

This repository contains a full-stack application, using MVVM pattern on the front-end.

UI - Figma File

Figma Demo

Warning

This application and its services are not production ready, and is not propely configured for deployment.

Screenshot

Front-End Stack

• React
• Typescript
• Axios (Http Client)
• Formik (Form)
• Yup (Form Validation)
• Material UI (UI Framewrok)
• Mobx (state management)

Backend-End Stack

• Node js
• Sequilize (DB ORM)
• Express
• Express Generator Typescript

Infrastructure

• Docker
• NginX (Reverse proxy)

Running the App

Make sure you have installed Docker on your machine.

cd shopping-list

Run the containers

docker-compose up

After having 4 container running

• Postgres
• node-backend
• node-frontend
• nginx

Access to: http://localhost:8080

Autor

Victor Santos