I created this project during my training as a FullStack Developer to gain hands-on experience with front-end and back-end technologies. The application is a simple task manager that allows users to add new tasks, mark tasks as complete, and delete tasks. It has been designed to be user-friendly and responsive, ensuring a seamless experience across different devices.
- Add new tasks
- Mark tasks as complete
- Delete tasks
-
Front-End:
- Angular
- TypeScript
-
Back-End:
- Node.js
- Express.js
- MySQL
- TypeScript
- Bootstrap
- Node.js and npm installed on your machine
- MySQL database
-
Clone the repository:
git clone https://github.com/SubhashChamara/simple-task-application.git
-
Install the dependencies:
cd simple-task-application npm install -
Set up the database:
- Create a MySQL database and update the connection details in
backend/.env.
- Create a MySQL database and update the connection details in
-
Start the application:
npm start
ng serve
-
Open your web browser and visit
http://localhost:4200to access the application.
- On the home page, you can see the list of tasks.
- To add a new task, enter the task details in the input field and click the "Add Task" button.
- To mark a task as complete, click the checkbox next to the task.
- To delete a task, click the delete button next to the task.
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
If you have any questions, feedback, or would like to connect with me, please feel free to reach out through the following channels:
Stay updated with my latest projects and connect with me on:
- GitHub: https://github.com/SubhashChamara
- LinkedIn: https://www.linkedin.com/in/subhash-chamara-udayanga-633578174/
- Twitter: https://twitter.com/chamara_subhash?t=e7Qt_Z5c0eEg426tqdXxrQ&s=09
This application is licensed under this license