{"id":22128056,"url":"https://github.com/fredvuni/react-todo","last_synced_at":"2026-04-12T11:36:14.127Z","repository":{"id":64264888,"uuid":"526874261","full_name":"FREDVUNI/react-todo","owner":"FREDVUNI","description":"A full stack JavaScript app that allows users to sign up, sign in and have their own todo list items","archived":false,"fork":false,"pushed_at":"2023-09-23T08:12:18.000Z","size":420,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-29T14:12:46.385Z","etag":null,"topics":["mui","react","reactjs","redux","redux-thunk"],"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/FREDVUNI.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}},"created_at":"2022-08-20T08:54:46.000Z","updated_at":"2023-04-11T15:52:46.000Z","dependencies_parsed_at":"2023-01-15T07:31:13.453Z","dependency_job_id":null,"html_url":"https://github.com/FREDVUNI/react-todo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FREDVUNI%2Freact-todo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FREDVUNI%2Freact-todo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FREDVUNI%2Freact-todo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FREDVUNI%2Freact-todo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FREDVUNI","download_url":"https://codeload.github.com/FREDVUNI/react-todo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245238329,"owners_count":20582852,"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":["mui","react","reactjs","redux","redux-thunk"],"created_at":"2024-12-01T17:34:17.508Z","updated_at":"2026-04-12T11:36:14.087Z","avatar_url":"https://github.com/FREDVUNI.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Full Stack Todo App\n\nThis is a full-stack JavaScript application that allows users to sign up, sign in, and manage their own todo list items.\n\n## Features\n\n- User Registration: Users can sign up with their email address and password to create an account.\n- User Authentication: Users can sign in with their credentials to access their todo list.\n- Todo List: Users can create, view, update, and delete their todo list items.\n- User Authorization: Only authenticated users can access their own todo list items.\n\n## Technologies Used\n\n- **Frontend**: HTML, CSS, JavaScript, React Js, MUI\n- **Backend**: Node.js, Express.js, MongoDB\n- **Authentication**: JSON Web Tokens (JWT)\n- **Database**: MongoDB\n\n## Prerequisites\n\nBefore running the application, ensure that you have the following prerequisites installed:\n\n- Node.js: [https://nodejs.org](https://nodejs.org)\n- MongoDB: [https://www.mongodb.com](https://www.mongodb.com)\n\n## Getting Started\n\n### Backend Setup\n\n1. Clone the backend repository from GitHub:\n\n   ```shell\n   git clone https://github.com/FREDVUNI/node-todo-app.git\n   ```\n\n2. Install the dependencies:\n\n   ```shell\n   cd node-todo-app\n   npm install\n   ```\n\n3. Configure the environment variables:\n\n   - Create a `.env` file in the root directory of the backend project.\n   - Copy the contents of `.env.example` into `.env`.\n   - Update the environment variables with your own values, such as the MongoDB connection URL and JWT secret.\n\n4. Start the backend server:\n\n   ```shell\n   npm start\n   ```\n\n   The server will start running at `http://localhost:5000`.\n\n### Frontend Setup\n\n1. Clone the frontend repository from GitHub:\n\n   ```shell\n   git clone https://github.com/FREDVUNI/react-todo.git\n   ```\n\n2. Install the dependencies:\n\n   ```shell\n   cd your-frontend-repo\n   npm install\n   ```\n\n3. Update the API endpoint:\n\n   - Open the frontend project in your favorite code editor.\n   - Locate the API endpoint configuration file (e.g., `src/api/config.js`).\n   - Update the `API_URL` variable to `http://localhost:5000` (or the appropriate backend URL if different).\n\n4. Start the frontend development server:\n\n   ```shell\n   npm run serve\n   ```\n\n   The frontend will be accessible at `http://localhost:8080` (or a different port if specified).\n\n## Usage\n\n1. Open the application in your web browser.\n2. Sign up with your email address and password to create an account.\n3. Sign in with your credentials to access your todo list.\n4. Create new todo items, mark them as completed, update their details, or delete them as needed.\n5. Sign out to securely log out of your account.\n\n## Contributing\n\nContributions are welcome! If you'd like to contribute to this project, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature or bug fix.\n3. Make your changes and commit them.\n4. Push your changes to your fork.\n5. Submit a pull request with a detailed description of your changes.\n\n\n\n## Contact\n\nFor any inquiries or feedback, please contact [fredvuni809@gmail.com].\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredvuni%2Freact-todo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffredvuni%2Freact-todo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredvuni%2Freact-todo/lists"}