Task Manager

Description

Task Manager is a web application designed to help users organize and manage their tasks efficiently. The frontend is built using React, offering a simple and intuitive interface for task management. The backend is powered by Django REST framework, providing a robust API for task operations.

Features

Add, view, and manage tasks
Responsive and user-friendly interface
Task list with persistence
Pop-up notifications for user actions
Animated elements for improved user experience
RESTful API for task operations

Installation Instructions

Prerequisites

Node.js (v14.x or later)
npm (v6.x or later)
Python (v3.8 or later)
Django (v3.x or later)

Frontend Setup

Clone the repository:

git clone https://github.com/yourusername/task-manager.git
cd task-manager

Navigate to the frontend directory:
```
cd frontend
```
Install the dependencies:
```
npm install
```
Create a .env file in the root of the frontend directory and add your backend URL:
```
REACT_APP_BACKEND_URL=http://localhost:8000
```
Start the frontend server:
```
npm start
```

Backend Setup

Navigate to the backend directory:
```
cd ../backend
```

Create a virtual environment:

python3 -m venv env
source env/bin/activate  # For Windows: env\Scripts\activate

Install the required Python packages:
```
pip install -r requirements.txt
```
Apply migrations:
```
python manage.py migrate
```
Start the backend server:
```
python manage.py runserver
```

Usage

To use the Task Manager application, follow the installation instructions to set up both the frontend and the backend. Once both servers are running:

Visit http://localhost:3000 to access the frontend interface.
Manage tasks by adding new tasks, viewing the list of tasks, and deleting tasks from the interface.

Examples

Add a Task

Enter the task title in the input box.
Click the "Add Task" button to add the task to the list.

View Tasks

Open the application to view the list of tasks.
The tasks are displayed in a list format.

Pop-up Notification

Attempt to add an empty task.
A pop-up notification will appear prompting to enter a task.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

React for the powerful frontend library
Django for the robust backend framework
Axios for handling HTTP requests
Styled Components for the modular CSS styling
React Router Dom for routing management
React Testing Library for testing utilities

Contributing

Contributions are welcome! Please read our CONTRIBUTING guidelines for more information.

Support

If you have any questions or issues, please open an issue on GitHub.

mananrg / ReactDjangoCloudProject