An open API service indexing awesome lists of open source software.

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).

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


client preview


## GraphQL Preview


client preview