{"id":22473330,"url":"https://github.com/arsy786/todo-mern-app","last_synced_at":"2026-04-10T15:02:18.437Z","repository":{"id":229398406,"uuid":"627172361","full_name":"arsy786/todo-mern-app","owner":"arsy786","description":"This is a simple Todo MERN app that follows the CRUD operations for the todos.","archived":false,"fork":false,"pushed_at":"2024-04-01T02:47:15.000Z","size":246,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-01T20:12:37.547Z","etag":null,"topics":["2023","expressjs","mern-stack","mongodb","nodejs","reactjs","tutorial"],"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/arsy786.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":"2023-04-12T23:44:22.000Z","updated_at":"2024-03-23T17:39:37.000Z","dependencies_parsed_at":"2024-03-30T21:23:22.029Z","dependency_job_id":"b720797f-4cd0-4fa0-a58f-b01d1b04c43b","html_url":"https://github.com/arsy786/todo-mern-app","commit_stats":null,"previous_names":["arsy786/todo-mern-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arsy786%2Ftodo-mern-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arsy786%2Ftodo-mern-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arsy786%2Ftodo-mern-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arsy786%2Ftodo-mern-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arsy786","download_url":"https://codeload.github.com/arsy786/todo-mern-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245881156,"owners_count":20687683,"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","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":["2023","expressjs","mern-stack","mongodb","nodejs","reactjs","tutorial"],"created_at":"2024-12-06T12:22:29.642Z","updated_at":"2025-12-30T20:32:44.221Z","avatar_url":"https://github.com/arsy786.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Todo MERN App\n\nThis is a simple Todo app designed for managing tasks with ease. The app is built using the MERN (MongoDB, Express, React, Node.js) stack and supports essential CRUD (Create, Read, Update, Delete) operations. It utilizes MongoDB for database management, Express and Node.js for server-side functionality, and React for a dynamic front-end user experience.\n\n\u003c!-- Tutorial Guide: [MERN Stack Tutorial - Build Todo App With Node JS, Express, React \u0026 MongoDB (YouTube/CurlyBraces)](https://www.youtube.com/watch?v=U4syTDaAKWg) --\u003e\n\n## Branches\n\n    - master: no redux toolkit\n    - with-redux-toolkit: uses redux toolkit to manage global state.\n\n## Getting Started\n\nThis project is divided into two main parts: the server (API) and the client (UI). Follow these steps to set up and run both parts of the application.\n\n### Prerequisites\n\n- Git\n- Node.js\n- MongoDB\n\n### Cloning the Repo\n\n1. Open your terminal or command prompt.\n\n2. Clone the repository using Git:\n\n   ```bash\n   git clone https://github.com/arsy786/todo-mern-app.git\n   ```\n\n3. Navigate to the cloned repository's root directory\n\n   ```bash\n   cd todo-mern-app\n   ```\n\n### Setting up the Server\n\n1. From the root directory, navigate to the server directory:\n\n   ```bash\n   cd server\n   ```\n\n2. Install the required Node.js modules:\n\n   ```bash\n   npm install\n   ```\n\n3. Create a .env file in the server directory and add the following:\n\n   ```env\n   PORT=5500\n   DB_CONNECT=\u003cYour MongoDB connection string\u003e\n   ```\n\n4. Start the server:\n\n   ```bash\n   npm run start\n   ```\n\n   The server should now be running on `http://localhost:5500`.\n\n### Setting up the Client\n\n1. Open a new terminal or command prompt window.\n\n2. From the root directory, navigate to the client directory:\n\n   ```bash\n   cd client\n   ```\n\n3. Install the required Node.js modules:\n\n   ```bash\n   npm install\n   ```\n\n4. Start the client:\n\n   ```bash\n   npm run start\n   ```\n\n   The client should now be running on `http://localhost:3000`.\n\n### Accessing the Application\n\nAfter starting both the backend and frontend servers, you can access the web application by navigating to `http://localhost:3000` in your web browser. Ensure both servers are running concurrently to allow the frontend to communicate with the backend effectively.\n\n## Server (Backend)\n\nThe backend provides a REST API for managing todos. Here are the available endpoints:\n\n    GET /api/todos - get all todos\n    POST /api/todo - create a new todo\n    PUT /api/todo/:id - update a todo by ID\n    DELETE /api/todo/:id - delete a todo by ID\n\n## Client (Frontend)\n\nThe app provides the following features:\n\n    View a list of todos\n    Create a new todo\n    Update a todo\n    Delete a todo\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farsy786%2Ftodo-mern-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farsy786%2Ftodo-mern-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farsy786%2Ftodo-mern-app/lists"}