Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nemuvski/toadoa
🐸 ToaDoa - Todo List Application (React.js and Supabase)
https://github.com/nemuvski/toadoa
emotionjs react-error-boundary react-query reactjs sequelize supabase
Last synced: about 1 month ago
JSON representation
🐸 ToaDoa - Todo List Application (React.js and Supabase)
- Host: GitHub
- URL: https://github.com/nemuvski/toadoa
- Owner: nemuvski
- Created: 2021-11-02T14:36:19.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-10T03:07:01.000Z (almost 3 years ago)
- Last Synced: 2023-03-14T12:18:50.893Z (almost 2 years ago)
- Topics: emotionjs, react-error-boundary, react-query, reactjs, sequelize, supabase
- Language: TypeScript
- Homepage:
- Size: 2.42 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ToaDoa 🐸
This repo contains **todo list application** built with React.js and [Supabase](https://supabase.com/) (BaaS).
## 👜 Preparation
### Create dotenv file
```bash
cp .env.example .env.development# Fill in your supabase project configuration
vi .env.development
```### Initialize DB on Supabase
The following commands will help you set up the database.
```bash
yarn sequelize-cli db:migrate
```See files under `sequelize/migrations` directory for details.
### Run on localhost
1. `yarn start`
2. http://locahost:3000/
- If port 3000 is already in use, another port will be allocated.## 💡 Tips
### Database migrations with Sequelize
This project uses Sequelize to migrate or manage the database (Postgres).
```bash
# Case: Set NODE_ENV variable
## Loading .env.development file
NODE_ENV=development yarn sequelize-cli {some-command}
## Loading .env.production file
NODE_ENV=production yarn sequelize-cli {some-command}# Case: Not set NODE_ENV variable
## Loading .env.development file (default: development)
yarn sequelize-cli {some-command}
```## 📸 Screenshots
| Login Form | Todo List |
|-------------------|-------------------|
| ![](capture1.png) | ![](capture2.png) |