Disclaimer:

I participated in every NLW and Omnistack Week since Omnistack #8, but this time I've decided to go beyond what is taught on these events and build a more robust application with automated tests, server side rendering, and a more decoupled code in general, based on the SOLID principles.

• Layout
• Technologies
• How To Run

You can see the original layout by @tiagoluchtenberg for the application on Figma:

• Mobile Layout
• Web Layout

If you can't see the layouts by any reason, this should help:

• Other ways to see the layout

This project was made using the follow technologies:

• Typescript
• Docker
• NextJS
• Styled Components
• ReactJS
• React Native
• Expo
• Express
• Jest
• PostgreSQL

To run this app on your computer, run these commands inside the repository root folder

# open the backend, install dependencies, run docker:
$ cd packages/server/api
$ yarn
$ cd ./docker
$ docker-compose up -d
# rename .env.example to .env and add your database credentials, then run migrations:
$ cd ../
$ yarn db:migrate
# start the server
$ yarn start:dev

# open another shell again on the repository root folder, install dependencies then start the web server
$ cd packages/client/web
$ yarn
$ yarn dev

# open one more shell again on the repository root folder, install dependencies then start the expo server
$ cd packages/client/mobile
$ yarn
$ yarn start