Simple Reminder

🔖 Table of contents

CLICK TO ENLARGE 😇

📄 Description
🎓 Objectives
🔨 Tech stack
📂 Files description
💻 Installation and how to use
🔧 What's next?
♥️ Thanks
👷 Authors

📄 Description

This project is a small web application for task management. The goal was to make it as simple and efficient as possible. Users can add tasks, check them off, change their order, and delete them. The application uses local storage to preserve your tasks, even after closing the browser.

🎓 Objectives

• The project was built from scratch, intentionally avoiding the use of any frameworks.
• The main objective was to improve my JavaScript skills.
• The final result is minimalist, in line with my original concept.

🔨 Tech stack

📂 File description

FILE	DESCRIPTION
assets	Contains the resources required for the repository.
index.html	Main HTML structure for the project.
style.css	Styles and animations for the project.
script.js	Behavior script for interactivity.
README.md	The README file you are currently reading 😉.

💻 Installation and how to use

Installation:

1. Clone this repository:
   • Open your preferred Terminal.
   • Navigate to the directory where you want to clone the repository.
   • Run the following command:

git clone https://github.com/fchavonet/web-simple_reminder.git

2. Open the repository you've just cloned.

How to use:

1. Open the index.html file in your web browser.

2. Type a reminder into the input field.

3. Press Enter or click the "+" button to add it.

4. Click on a reminder to mark it as done (it will be crossed out).

5. Drag and drop reminders to reorder them.

6. Click the "X" button to delete a reminder.

You can also test the web application online by clicking here.

🔧 What's next?

• Adding a function to automatically move a checked reminder to the bottom of the list.
• Add a function to indicate the priority of a reminder.
• Clean and optimize the Javascript code.

♥️ Thanks

• A big thank you to my friends Pierre and Yoann, always available to test and provide feedback on my projects.

👷 Authors

Fabien CHAVONET

• Github: @fchavonet