YATL

Yet Another Todo List made as an example project. As for now Google OAuth wont work, if Firefox AntiTrack system is enabled

Technology stack

• Frontend
  • React
  • Redux
  • Redux Toolkit
  • Typescript
  • Fontawesome Icons
  • React Google Login
  • ky
• Backend
  • Express
  • Express-JWT
  • Express Validator
  • Json Web Token
  • Sequelize
  • SQLite3
  • Typescript
  • TS-Node

---

How to setup

1. Clone this project
2. Config .env files (copy example.env as .env and fill it up)
   • Google Client Id can be taken from https://console.cloud.google.com/apis/credentials. Create new project, add OAuth 2.0 Client and use it's Client Id in both backend .env and webapp .env (it should be the same). Authorized JavaScript origins are better to have port 3000 because this project is already set up for it.
   • Or you can use my test Google Client Id. Attention: this client id is configured to allow login from http(s)://localhost:3000 only, so it can't be used on public, only localhost. 46404982759-ng6fri63d2kir7mp2mmh01gj9qeg7om9.apps.googleusercontent.com
3. Start the app
   • (Development) Use npm start in root folder to start the backend and npm start in /webapp to start webapp. Pay Attention: port in backend .env should be 4000 because frontend server configured to forward unkown http requests to http://localhost:4000 (can be changed in webapp/package.json, proxy field)
   • (Production) Use npm build in root folder to build backend production and npm build in /webapp to build frontend production. Then in the root folder use npm start:prod to start app.