{"id":21182391,"url":"https://github.com/sravan-kumar-ta/react-todo","last_synced_at":"2026-04-10T02:02:56.063Z","repository":{"id":249769922,"uuid":"832495971","full_name":"sravan-kumar-ta/React-Todo","owner":"sravan-kumar-ta","description":"A simple Todo App built with React, Vite, Tailwind CSS, and React Icons. Features include add, edit, delete, and mark todos as complete. The firebase branch includes real-time updates using Firebase Firestore, while the master branch does not include Firebase integration.","archived":false,"fork":false,"pushed_at":"2024-07-23T06:48:41.000Z","size":1317,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-21T12:28:51.164Z","etag":null,"topics":["firebase","javascript","react","react-functional-components","reactjs","tailwind","tailwind-css","todo","todo-list","vite"],"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/sravan-kumar-ta.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-07-23T06:29:40.000Z","updated_at":"2024-07-25T06:39:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"60edb141-f4fb-40bc-9f39-04a3d6a28ec1","html_url":"https://github.com/sravan-kumar-ta/React-Todo","commit_stats":null,"previous_names":["sravan-kumar-ta/react-todo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sravan-kumar-ta%2FReact-Todo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sravan-kumar-ta%2FReact-Todo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sravan-kumar-ta%2FReact-Todo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sravan-kumar-ta%2FReact-Todo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sravan-kumar-ta","download_url":"https://codeload.github.com/sravan-kumar-ta/React-Todo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243638900,"owners_count":20323505,"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":["firebase","javascript","react","react-functional-components","reactjs","tailwind","tailwind-css","todo","todo-list","vite"],"created_at":"2024-11-20T17:56:49.957Z","updated_at":"2025-12-31T00:22:56.314Z","avatar_url":"https://github.com/sravan-kumar-ta.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ToDo App\n\n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/183897015-94a058a6-b86e-4e42-a37f-bf92061753e5.png\"\u003e\n\u003cimg height=\"50\" src=\"https://github.com/marwin1991/profile-technology-icons/assets/62091613/b40892ef-efb8-4b0e-a6b5-d1cfc2f3fc35\"\u003e\n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/189716855-2c69ca7a-5149-4647-936d-780610911353.png\"\u003e\n\u003cimg height=\"50\" src=\"https://user-images.githubusercontent.com/25181517/202896760-337261ed-ee92-4979-84c4-d4b829c7355d.png\"\u003e\n\u003cimg height=\"50\" src=\"https://raw.githubusercontent.com/react-icons/react-icons/master/react-icons.svg\" alt=\"React Icons\"\u003e\n\n## [React](https://reactjs.org/) + [Vite](https://vitejs.dev/) + [Firebase](https://firebase.google.com/) + [Tailwind CSS](https://tailwindcss.com/) + [React Icons](https://react-icons.github.io/react-icons/)\n\nA simple Todo App built with React, Vite, Tailwind CSS, React Icons, and Firebase.\n\n\u003e **Note:** You need to switch to the `firebase` branch to see the code that includes Firebase integration. The `master` branch contains the code for the Todo application without Firebase.\n\n## Git Branches\n\n- **`master`**: Contains the version of the app without Firebase integration.\n- **`firebase`**: Contains the version of the app with Firebase Firestore for real-time database updates.\n\n## Features\n\n- Add, edit, and delete todos\n- Mark todos as complete\n- Real-time database updates with Firebase Firestore (in the `firebase` branch)\n\n## Screenshot\n\n\u003cimg src=\"./src/assets/screenshot.webp\" alt=\"Todo App\"\u003e\n\n## Getting Started\n\n### Prerequisites\n\nMake sure you have Node.js and npm installed on your machine.\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/sravan-kumar-ta/React-Todo.git\n```\n\n2. Navigate to the project directory:\n\n```bash\ncd todo-app\n```\n\n3. Install the dependencies:\n\n```bash\nnpm install\n```\n\n## Firebase Configuration\n\n1. Go to the [Firebase Console](https://console.firebase.google.com/) and create a new project.\n2. Add a web app to your Firebase project.\n3. Copy the Firebase config object from the Firebase Console and paste it into a new file called firebaseConfig.js in the src directory.\n\n```bash\n// src/firebaseConfig.js\n\nconst firebaseConfig = {\n  apiKey: \"YOUR_API_KEY\",\n  authDomain: \"YOUR_AUTH_DOMAIN\",\n  projectId: \"YOUR_PROJECT_ID\",\n  storageBucket: \"YOUR_STORAGE_BUCKET\",\n  messagingSenderId: \"YOUR_MESSAGING_SENDER_ID\",\n  appId: \"YOUR_APP_ID\"\n};\n\nexport default firebaseConfig;\n\n```\n\n4. Initialize Firebase in your app:\n\n```bash\n// src/firebase.js\n\nimport { initializeApp } from \"firebase/app\";\nimport { getFirestore } from \"firebase/firestore\";\n\nconst firebaseConfig = {\n  apiKey: import.meta.env.VITE_FIREBASE_API_KEY,\n  authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,\n  projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,\n  storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,\n  messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,\n  appId: import.meta.env.VITE_FIREBASE_APP_ID,\n};\n\n// Initialize Firebase\nconst app = initializeApp(firebaseConfig);\nexport getFirestore(app);\n```\n\n### Running the App\n\n1. Start the development server:\n\n```bash\nnpm run dev\n```\n\n2. Open your browser and navigate to http://localhost:3000.\n\n\u003e Note: The default port number for Vite has been changed from 5173 to 3000.\n\n## React + Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsravan-kumar-ta%2Freact-todo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsravan-kumar-ta%2Freact-todo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsravan-kumar-ta%2Freact-todo/lists"}