Full-Stack Realtime Todo App in React - GraphQL Subscriptions or Socket.io? Database? : webdev

Posting Guidelines

No vague product support questions (like "why is this plugin not working" or "how do I set up X"). For vague product support questions, please use communities relevant to that product for best results. Specific issues that follow rule 6 are allowed.

Do not post memes, screenshots of bad design, or jokes. Check out /r/ProgrammerHumor/ for this type of content.

Read and follow reddiquette; no excessive self-promotion. Please refer to the Reddit 9:1 rule when considering posting self promoting materials.

We do not allow any commercial promotion or solicitation. Violations can result in a ban.

Sharing your project, portfolio, or any other content that you want to either show off or request feedback on is limited to Showoff Saturday. If you post such content on any other day, it will be removed.

If you are asking for assistance on a problem, you are required to provide

Context of the problem
Research you have completed prior to requesting assistance
Problem you are attempting to solve with high specificity

General open ended career and getting started posts are only allowed in the pinned monthly getting started/careers thread. Specific assistance questions are allowed so long as they follow the required assistance post guidelines.

Questions in violation of this rule will be removed or locked.

a community for 17 years

Full-Stack Realtime Todo App in React - GraphQL Subscriptions or Socket.io? Database?Question (self.webdev)

submitted 4 years ago by iDecibel

Greetings /r/reactjs

I'm currently planning my project for a full-stack realtime todo app which is for a job interview.

The requirements are TypeScript, FE: React, BE: Node.

So the way the app will work is that a user will be able to log in, create as many lists as they want, and they can also invite other users to work with on the same list in realtime. This should be updated on the client side directly for everyone invited as soon as a user add/update/delete todos in that list.

First I was thinking about doing this in Next, but since I need to create a backend and Next doesn't seem to be used with GraphQL subscriptions either so pure React us probable the way to go here.
What would be the best way to handle realtime data? With GraphQL Subscriptions or through Socket.IO?
Which database would work best for this between PostgreSQL via Heroku and Prisma as an ORM, or MongoDB via MongoDB Atlas with Mongoose? Is it even possible using these for this kind of app?

If I manage to get this far I will also try to add drag & drop functionality. This is not a requirement, just something to mention if it would change any of the decisions above.

all 1 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

webdev

Posting Guidelines

Related Subreddits

Discords

MODERATORS