Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jothiprasath0014/todolist
A simple but effective application that allows users to manage their tasks
https://github.com/jothiprasath0014/todolist
css ejs javascript nodejs postgresql
Last synced: about 2 months ago
JSON representation
A simple but effective application that allows users to manage their tasks
- Host: GitHub
- URL: https://github.com/jothiprasath0014/todolist
- Owner: Jothiprasath0014
- License: mit
- Created: 2024-07-19T11:29:26.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-13T13:45:34.000Z (5 months ago)
- Last Synced: 2024-08-13T16:40:42.485Z (5 months ago)
- Topics: css, ejs, javascript, nodejs, postgresql
- Language: EJS
- Homepage:
- Size: 70.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ToDoList Project
### Project Overview
The **ToDoList** project is a simple yet effective application that allows users to manage their tasks. Built using ```Node.js```, ```Express```, ```EJS```, and ```PostgreSQL```, this project employs **CRUD operations** to enable users to ```create```, ```read```, ```update```, and ```delete``` their todo lists. The project uses several npm packages to facilitate its functionality, including ```body-parser```, ```express```, ```pg```, and ```ejs```. Future enhancements are planned to extend the application to manage tasks for today, the week, and the month.
### To Install Dependencies
```
npm ior
npm install
```## Necessary NPM Packages or Dependencies
* Postgre SQL (Pg) => [pg](https://www.npmjs.com/package/pg)
- PostgreSQL client for Node.js
* EJS (Embedded Javascript => [ejs](https://www.npmjs.com/package/ejs).
- Embedded JavaScript templating engine.
* Express => [express](https://www.npmjs.com/package/express).
- Web framework for Node.js
* Body-parser => [body-parser](https://www.npmjs.com/package/body-parser)
- Middleware to parse incoming request bodies.
## Features
* ***Create:*** Users can add new tasks to their todo list.
* ***Read:*** Users can view their existing tasks.
* ***Update:*** Users can edit/update the details of their tasks.
* ***Delete:*** Users can remove tasks from their list.## Usage
**Creating a Task**
1. Go to the homepage.
2. Enter the task description in the input field.
3. Click the "Add Task" (➕) button.**Viewing Tasks**
1. All tasks are displayed on the homepage.
**Updating a Task**
1. Click the "Edit" (🖋️️) button next to the task you want to update.
2. Modify the task description.
3. Click the "Save" (✔️) button.**Deleting a Task**
1. Click the "Delete" which is the checkbox. click that button before to the task you want to remove.
### Technologies Used
* **Node.js:** Backend runtime environment.
* **Express.js:** Web framework for Node.js.
* **EJS:** Templating engine for rendering HTML.
* **Postgre SQL:** Advanced, enterprise-class, and open-source relational database system.
* **CSS:** Styling the webpage.### Prerequisites
* Node.js (v12.x or higher)
* npm (Node Package Manager)
* Postgre SQL### Set up the PostgreSQL database
- Ensure PostgreSQL is installed and running.
- Create a database for the project.
- Set up the database schema### To start the server
```
nodemon index.jsor
node index.js
```##### Open in Browser
Open your browser and navigate to ```http://localhost:3000``` to view the application.
## Future Enhancements
* **Task Categorization:** Separate tasks into Today, Week, and Month categories.
* **Enhanced User Interface:** Improve the UI for better user experience.
* **User Authentication:** Add user authentication to manage personal todo lists.
* **Reminders and Notifications:** Implement reminders and notifications for tasks.## Screenshots
![ToDolist web page.](readme-image/image.png "This is a ToDo list web-page image.")
## License
This project is licensed under the MIT License - see the [MIT](https://choosealicense.com/licenses/mit/) License file for details.