{"id":14973845,"url":"https://github.com/prathmesh-ka-github/todos-list","last_synced_at":"2025-08-26T20:10:14.162Z","repository":{"id":225416837,"uuid":"765904517","full_name":"prathmesh-ka-github/TODOs-list","owner":"prathmesh-ka-github","description":"This is a small, full stack project using  PERN stack.","archived":false,"fork":false,"pushed_at":"2024-04-03T14:49:46.000Z","size":1231,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-28T08:44:50.751Z","etag":null,"topics":["expressjs","expressjs-framework","full-stack-web-development","node","nodejs","postgresql","psql","react","reactjs","reactjs-framework","todolist","webapp","webapplication"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/prathmesh-ka-github.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-01T21:12:45.000Z","updated_at":"2025-06-02T23:36:32.000Z","dependencies_parsed_at":"2025-02-12T06:37:06.853Z","dependency_job_id":"5be9faa6-6b26-4948-8bc0-f0faf9065055","html_url":"https://github.com/prathmesh-ka-github/TODOs-list","commit_stats":null,"previous_names":["prathmesh-ka-github/todos-list"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/prathmesh-ka-github/TODOs-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathmesh-ka-github%2FTODOs-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathmesh-ka-github%2FTODOs-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathmesh-ka-github%2FTODOs-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathmesh-ka-github%2FTODOs-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prathmesh-ka-github","download_url":"https://codeload.github.com/prathmesh-ka-github/TODOs-list/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathmesh-ka-github%2FTODOs-list/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272252630,"owners_count":24900704,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-26T02:00:07.904Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","expressjs-framework","full-stack-web-development","node","nodejs","postgresql","psql","react","reactjs","reactjs-framework","todolist","webapp","webapplication"],"created_at":"2024-09-24T13:49:33.933Z","updated_at":"2025-08-26T20:10:14.131Z","avatar_url":"https://github.com/prathmesh-ka-github.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TODOs List  \n### Hey, Leave a 🌟 to this repo.\nThis is a small, full stack project using  \n- Postgres\n- ExpressJS\n- ReactJS\n- NodeJS  \n\n![image](https://github.com/prathmesh-ka-github/TODOs-list/assets/103999608/406490a2-6b96-4a54-a7ff-971b53165351)\n\n### From using the YouTube Course by [freeCodeCamp.org](https://youtu.be/ldYcgPKEZC8?si=c5aFCJF8BbPkQkz7)  \nLearn the PERN stack in this full tutorial course for beginners. The PERN stack consists of PostgreSQL, Express, React, and Node.js. Learn how to combine these technologies to build a full-stack web application!\n\n### This is a CRUD application.\nIn this application you can create a Todo, Read Todo list to display the todos, Update a Todo by editing it and Delete a Todo.  \n\u003cbr/\u003e\n\n![image](https://github.com/prathmesh-ka-github/TODOs-list/assets/103999608/96e82c93-933d-4e02-a0b2-19456b57e5f3)\n\n# Concepts learned from the course -\n\u003e - Drawing and Understanding overview diagrams. (ER diagrams.)\n\u003e - Making a npm project and installing required dependencies.\n\u003e   1. ExpressJS 4.18.3\n\u003e   1. Nodemon 3.1.0\n\u003e   1. pg 8.11.3\n\u003e   1. cors 2,8,5\n\u003e - # Building the Server side ExpressJS App.\n\u003e - Starting a server using ExpressJS.\n\u003e - Creating a DB and Table in Postgres at localhost.\n\u003e - Connect postgres DB to the server.\n\u003e - Making endpoints -\n\u003e    - post endpoint for inserting data in the DB.\n\u003e    - get endpoints for retreving data from the DB.\n\u003e    - put endpoints for updating data in the DB.\n\u003e    - delete endpoint for deleting specifc rows in the DB.\n\u003e - Restful api overview.\n\u003e - Setting up client side ReactJS app powered by VITE.\n\u003e - # Building the client side ReactJS App.\n\u003e - Create functions using fetch api method = POST.\n\u003e - Read functions using fetch api.\n\u003e - Delete functions using fetch api method = DELETE.\n\u003e - Created edit modal.\n\u003e - Edit function using fetch api method = PUT.\n\n## This was a Interesting project to build!\n### If you want to try it out.  \nSoftwares required are -\n1. [Postgresql](https://www.postgresql.org/download/)\n1. [Node.js](https://nodejs.org/en/download/current)\n\n\u003cbr/\u003e  \n\n### Steps to try it out.  \n1. Clone this repository.\n1. Open it in any IDE.\n1. Change directory to the Server folder and run this CLI command. \n```\nnpm install express\nnpm install nodemon\nnpm install pg\nnpm install cors\n\n//to run server\nnpm run server\n```    \n4. Open another terminal, Change directory to Client folder and run this CLI command.\n```\nnpm install vite\n\n//to run frontend\nnpm run dev\n```\n5. Now start the Postgresql Server using\n```\n\u003e psql -U user-name\n```\n6. The project is up and running with ExpressJS on Server side, ReactJS on Client side and PostgreSQL Database.\n6. Now got to the URL console logged on the client terminal. which is [http://localhost:3000](http://localhost:3000).\n\n## PORTS\nServer port is 5000 and client port is 3000.  \n\nThough if you change the Postgresql port while installation then you need to specify that port in the DB.js file (./Server/db.js). Also you will need to specify the username and password of your postgresql server.  \n\nRun the database.sql commands to create a database and table inside  it.  \n\nPREVIEW - \n![Landing page todolist](image.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprathmesh-ka-github%2Ftodos-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprathmesh-ka-github%2Ftodos-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprathmesh-ka-github%2Ftodos-list/lists"}