https://github.com/princejoogie/pern-todo-list
A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node).
https://github.com/princejoogie/pern-todo-list
graphql postgresql reactjs typescript vitejs
Last synced: about 1 year ago
JSON representation
A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node).
- Host: GitHub
- URL: https://github.com/princejoogie/pern-todo-list
- Owner: princejoogie
- Created: 2021-08-10T02:47:13.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-08-11T03:14:55.000Z (almost 5 years ago)
- Last Synced: 2025-04-19T12:43:24.721Z (about 1 year ago)
- Topics: graphql, postgresql, reactjs, typescript, vitejs
- Language: TypeScript
- Homepage: https://princejoogie.github.io/pern-todo-list/
- Size: 283 KB
- Stars: 17
- Watchers: 1
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PERN Todo List
🚧 `WORK IN PROGRESS` 🚧
A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node).
> Practicing MobX as a the state-management for the client-side with persistence.
> Serves as a boilerplate for crud functionality
---
## Project Structure
```bash
├ 📁client # WIP: connected to postgres server
├ 📁client-static # no connection to postgres server
| └ 📁src
| ├ 📁utils
| | └ AppStore.ts # MobX store and context hook
| └ App.tsx # Main interface
└ 📁server
└ 📁src
├ 📁entities
| └ *.ts # Models for Postgres and GraphQL
├ 📁migrations
| └ AppStore.ts # Postgres commands for migration
| # more in package.json `migration:*`
├ 📁resolvers
| └ *.ts # GraphQL resolvers (CRUD logic)
├ server.ts # Entry point of server
| # (contains resolver array)
└ mikro-orm.config.ts # Config for database connection
# (contains entities array)
```
---
## Client-Static Preview
## GraphQL Preview