A simple Todo web application that uses Django as the backend API and React as the frontend. The main purpose of this application is to learn and navigate how to create APIs using Django and to gain familiarity with React.
- Add, update, and delete tasks
- Mark tasks as complete or incomplete
- Real-time updates with a simple user interface
- Backend: Django
- Frontend: React with Vite
- Styling: Tailwind CSS
Make sure you have the following installed:
- Python (3.6 or higher)
- Node.js (14 or higher)
- npm (6 or higher)
- Clone the repository:
git clone https://github.com/elmhadji/Todo.git
cd Todo/Backend
- Create a virtual environment and activate it:
python -m venv venv
source venv/bin/activate # On Windows, use`venv\Scripts\activate`
- Install the backend dependencies:
pip install -r requirements.txt
- Run the Django server:
python manage.py migrate
python manage.py runserver
- Navigate to the frontend directory:
cd Frontend
- Install the frontend dependencies:
npm install
- Start the Vite development server:
npm run dev
- Open your web browser and navigate to http://localhost:5173 to view the React frontend.
- Use the application to add, update, and delete tasks.