{"id":24087309,"url":"https://github.com/abdulrahim-ramadan/django-react-todo-app","last_synced_at":"2025-05-05T18:45:03.430Z","repository":{"id":248664864,"uuid":"807845799","full_name":"abdulrahim-ramadan/Django-React-ToDO-APP","owner":"abdulrahim-ramadan","description":"The Django-React To-Do App is a modern task management tool. It uses Django for the backend and React for the frontend, enabling users to create, edit, and delete tasks with real-time updates and responsive design, perfect for boosting productivity and organization.","archived":false,"fork":false,"pushed_at":"2025-03-05T08:25:15.000Z","size":439,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T22:51:13.325Z","etag":null,"topics":["api","axios","bootstrap","corsheaders","css","django","django-rest-framework","javascript","nodejs","python","python3","react"],"latest_commit_sha":null,"homepage":"","language":"Python","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/abdulrahim-ramadan.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-05-29T22:15:12.000Z","updated_at":"2025-03-08T18:02:16.000Z","dependencies_parsed_at":"2024-07-16T11:21:56.532Z","dependency_job_id":"e411125c-65b2-4580-8232-5a1c0ceb88b7","html_url":"https://github.com/abdulrahim-ramadan/Django-React-ToDO-APP","commit_stats":null,"previous_names":["abdulrahim-ramadan/django-react-todo-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdulrahim-ramadan%2FDjango-React-ToDO-APP","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdulrahim-ramadan%2FDjango-React-ToDO-APP/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdulrahim-ramadan%2FDjango-React-ToDO-APP/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdulrahim-ramadan%2FDjango-React-ToDO-APP/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abdulrahim-ramadan","download_url":"https://codeload.github.com/abdulrahim-ramadan/Django-React-ToDO-APP/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252555618,"owners_count":21767199,"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":["api","axios","bootstrap","corsheaders","css","django","django-rest-framework","javascript","nodejs","python","python3","react"],"created_at":"2025-01-10T03:03:42.967Z","updated_at":"2025-05-05T18:45:03.396Z","avatar_url":"https://github.com/abdulrahim-ramadan.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"### 📝 ToDo App Using Django RestFramework + React\n\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://techstack-generator.vercel.app/react-icon.svg\" alt=\"icon\" width=\"80\" height=\"80\" /\u003e\n  \u003cimg src=\"https://techstack-generator.vercel.app/django-icon.svg\" alt=\"icon\" width=\"80\" height=\"80\" /\u003e\n\u003c/p\u003e\n\n\nThis project utilizes Django RestFramework for the backend and React for the frontend, creating a seamless and efficient task management application.\n\n#### Project Contains:\n\n- **[Backend Repository](https://github.com/abdulrahim-ramadan/Django-React-ToDO-APP/tree/main/backend)**\n- **[Frontend Repository](https://github.com/abdulrahim-ramadan/Django-React-ToDO-APP/tree/main/frontend)**\n\n## 📑 Contents\n- [📸 Demo](#demo)\n- [✨ Features](#features)\n- [⚙️ Installation](#installation)\n- [🚀 Usage](#usage)\n- [🔌 API Endpoints](#api-endpoints)\n- [🛠️ Technologies](#technologies)\n- [🤝 Contributing](#contributing)\n- [📄 License](#license)\n\n## 📸 Demo\n![project demo](screenshot.png)\n\n## ✨ Features\n- 🔐 User registration and login\n- 📝 Create, edit, and delete \n- ✅ Mark tasks as completed\n- 🔄 Real-time updates\n- 📱 Responsive design\n\n## ⚙️ Installation\n\n### Tech Stack:\n- Backend: Python Django, Django RestFramework\n- Frontend: React, Bootstrap 5 Node.js\n- Additional Technologies: CORS Headers, Axios\n\n### Backend (Django)\n1. Clone the repository:\n    ```sh\n    git clone https://github.com/abdulrahim-ramadan/Django-React-ToDO-APP.git\n    cd Django-React-ToDO-APP/backend\n    ```\n2. Create and activate a virtual environment:\n    ```sh\n    python -m venv venv\n    source venv/bin/activate  # On Windows: venv\\Scripts\\activate\n    ```\n3. Install dependencies:\n    ```sh\n    pip install -r requirements.txt\n    ```\n4. Run database migrations:\n    ```sh\n    python manage.py migrate\n    ```\n5. Start the development server:\n    ```sh\n    python manage.py runserver\n    ```\n\n### Frontend (React)\n1. Navigate to the frontend directory:\n    ```sh\n    cd ../frontend\n    ```\n2. Install dependencies:\n    ```sh\n    npm install\n    ```\n3. Start the development server:\n    ```sh\n    npm start\n    ```\n\n## 🚀 Usage\n1. Open your browser and go to `[http://127.0.0.1:8000/todo/]`.\n2. Register or log in.\n3. Start managing your tasks.\n\n## 🔌 API Endpoints\n- `GET /api/tasks/` - List all tasks\n- `POST /api/tasks/` - Create a new task\n- `PUT /api/tasks/\u003cid\u003e/` - Update a task\n- `DELETE /api/tasks/\u003cid\u003e/` - Delete a task\n\n## 🛠️ Technologies\n- **Backend:** Django, Django REST Framework\n- **Frontend:** React, Redux\n- **Database:** SQLite (default), can be easily switched to PostgreSQL or MySQL\n\n## 🤝 Contributing\nContributions are welcome! Please open an issue to report bugs or suggest features. Fork the repository and create a pull request for your changes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdulrahim-ramadan%2Fdjango-react-todo-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabdulrahim-ramadan%2Fdjango-react-todo-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdulrahim-ramadan%2Fdjango-react-todo-app/lists"}