https://github.com/naartjie/reactweek-hackathon

Realtime sticky notes backed by PostgreSQL
https://github.com/naartjie/reactweek-hackathon

Last synced: 21 days ago
JSON representation

Realtime sticky notes backed by PostgreSQL

• Host: GitHub
• URL: https://github.com/naartjie/reactweek-hackathon
• Owner: naartjie
• License: mit
• Created: 2015-03-13T22:38:28.000Z (over 9 years ago)
• Default Branch: main
• Last Pushed: 2022-10-20T13:15:37.000Z (about 2 years ago)
• Last Synced: 2024-04-17T06:02:24.740Z (7 months ago)
• Language: Python
• Homepage:
• Size: 87.9 KB
• Stars: 33
• Watchers: 2
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
## Instructions

Requirements: Docker, Node.js, Python (tested w/3.10)

To get going run these commands:

```sh

npm install

npm run db:up

npm run dbmate migrate

# activate the virtualenv

source .venv/bin/activate

# start the server

npm run server

# start the client (in another tab)

npm run dev

```

Open up 2 browsers side by side: [http://localhost:5173](http://localhost:5173):

 * Add a note

 * Move a note

 * Watch the changes in the other browser

 * (TODO) Edit a note

### Cleanup

To remove the postgres docker container afterwards

```

npm run db:kill

```

## Client

JS: React with Tailwind (DaisyUI)

## Server

Python: FastAPI, GraphQL (Strawberry) with Subscriptions

## TODOs

- add z-index

- positioning bug

  - deleting lower id card, shifts the rest of the cards relatively upwards

- add card input

  - enter adds

  - no border around it

- edit card title and text

  - markdown editor

- update fields selectively - make them optional in the upsert operation

- heretext links between notes

- verify state is consistent when client disconnects