shreeyachatzz / To-Do-Web

A Full Stack TO-DO Website made using PostGres + React + Node.js

To-Do-Web

A Full Stack ✅TO-DO Website✅ made using PERN - PostGres + Express React + Node.js. This was my first full-stack project.

Important Libraries Used

• uuid : to generate unique ids
• bcrypt : to hash the passwords to secure them
• Json Web Token: to generate tokens for the login/signup sessions

Note:

This website was built on a local PostgreSQL database created by me. The code to use the same is available at server/data.sql

Main Issue Faced:

While I came across a thousand problems despite this being a beginner-level project, the main issue that I am yet to resolve is how to deploy it to the web on a free hosting website. If anyone has any ideas, do contact me on my socials.

Credits:

A million different videos on the internet and my semi-functional brain 🧠.

PREVIEW

Disclaimer:

⚠️Beware! The light view hurts my eyes too.

LOGIN

SIGNUP

MAIN PAGE

CREATING TO-DO MODAL

EDITING TO-DO MODAL

RESPONSIVENESS CHECK

Note to myself:

How to access the project:

• clone from git
• run npm i in \server, root.\, and client
• turn on PGAdmin in your device to access the already created databases
• now run npm run start in both the client and server.
• Now the client website should be working. Create your account or use your preexisting account to access your to-dos