An open API service indexing awesome lists of open source software.

https://github.com/dulip-sameera/to-do-jquey-with-firebase

Taskly is a simple and efficient to-do list application designed to help you manage your tasks effortlessly. With a clean and responsive interface, Taskly ensures a seamless experience across all devices.
https://github.com/dulip-sameera/to-do-jquey-with-firebase

animatecss bootstrap5 bootstrapicons firebase-auth firebase-realtime-database html-css-javascript jquery

Last synced: 3 months ago
JSON representation

Taskly is a simple and efficient to-do list application designed to help you manage your tasks effortlessly. With a clean and responsive interface, Taskly ensures a seamless experience across all devices.

Awesome Lists containing this project

README

          

# Taskly 📝

**Taskly** is a simple and efficient to-do list application designed to help you manage your tasks effortlessly. With a clean and responsive interface, Taskly ensures a seamless experience across all devices.

## 🎯 Purpose
The goal of this project is to learn and practice essential web development technologies, including:
- 🌐 **HTML** – Structuring the content.
- 🎨 **CSS** – Styling for a responsive and visually appealing UI.
- ⚡ **JavaScript & Web API** – Implementing dynamic functionality.
- 🔄 **jQuery** – Simplifying DOM manipulation and event handling.

## ✨ Features
- ✅ **Add New Tasks** – Quickly add tasks to stay organized.
- ✏️ **Update Tasks** – Modify task details with ease.
- ❌ **Delete Tasks** – Remove completed or unnecessary tasks.
- 📺 **Responsive Design** – Enjoy a smooth experience on desktop, tablet, and mobile.

## 🚀 Setup Instructions
Follow these steps to run Taskly locally:

1. **Clone the repository**
```sh
git clone https://github.com/dulip-sameera/to-do-jquey-with-firebase.git
cd to-do-jquey-with-firebase
```

2. **Install dependencies**
```sh
npm install
```

3. **Start the development server**
```sh
npm run dev
```

4. **Open Taskly in your browser**
After running the command, Vite will provide a local server URL (e.g., `http://localhost:5173`). Open it in your browser to see the app in action.

## 💁 Project Structure
The project follows a clean and organized structure:

```
taskly/
│── public/ # Static assets
│ └── favicon.ico # Favicon

│── src/ # Source files
│ ├── js/ # JavaScript files
│ │ ├── main.js # Main JS file
│ │ ├── app.js # Core task logic
│ │ └── utils.js # Utility functions
│ │
│ └── css/ # Stylesheets
│ └── styles.css # Main CSS file

│── index.html # Entry point
│── package.json # Project dependencies
│── README.md # Project documentation
```

This structure keeps **JavaScript** and **CSS** files organized inside the `src/` folder while **static assets** like the favicon remain in the `public/` folder.

## 📝 License
Copyright © 2025 Taskly. All Rights Reserved.
This project is licensed under the MIT License. See the [LICENSE](LICENSE.txt) file for details.

## Acknowledgments
- [Fav-icon - icons8](https://icons8.com/icon/wK6CuxcefgtM/tasklist)

---

Feel free to fork, modify, or use **Taskly** as a learning resource! 😊