This is a full-stack Task-managemet App that allows users to manage their tasks efficiently. The app provides CRUD (Create, Read, Update, Delete) operations and consists of both frontend and backend components.
-
Create Task: Add new tasks with a specified deadline.
-
View Task: View details of a specific task, including creation date, task description, and deadline.
-
Edit Task: Modify the details of an existing task.
-
Delete Task: Remove tasks that are no longer needed.
-
List All Tasks: Display a list of all tasks with creation dates and options to view, edit, and delete.
-
Frontend:
- React.js
- React Router
- Axios for API calls
- Bootstrap for styling
- Font Awesome icons
-
Backend:
- Node.js
- Express.js
- MySQL database
-
Dependcies
- Axios
- Nodemon
- mysql2
- cors
- express
- dotenv
Before you begin, ensure you have the following installed:
node.js
mysql
- Clone the repository:
git clone https://github.com/Uvishwanth/task_management_app.git
- change the directory:
cd server && npm install
- change the directory:
cd client && npm install
- Let's Start with the installation clone the repo by following above procedure.
- Make sure all the dependencies mentioned above are installed.
- change the directory with respect to those directories and install dependencies using command
npm install
in each run the server in server directory using commandnpm run dev
- run the client in server directory using command
npm start
- Ensure that the database must be created just look at
database.db
file create database and table at your local machine connect with database to your server check the connection. - To run the project
server.js
file must be run to run front end. - woolah! you can use this project for your personal use for task management you can also use it as personal use.
Contributions are welcome! If you have ideas for improvement, found a bug, or want to contribute new features, please follow these steps:
- Fork the repository.
- Create a new branch for your feature: git checkout -b feature-name.
- Commit your changes: git commit -m 'Add new feature'.
- Push to the branch: git push origin feature-name.
- Open a pull request.
This project is licensed under the MIT License.