https://github.com/nil369/etask-your_todos_on_cloud
This is a user-friendly Todo App made with React JS
https://github.com/nil369/etask-your_todos_on_cloud
akash-halder etask js reactjs vite
Last synced: 3 months ago
JSON representation
This is a user-friendly Todo App made with React JS
- Host: GitHub
- URL: https://github.com/nil369/etask-your_todos_on_cloud
- Owner: Nil369
- License: mit
- Created: 2024-05-19T15:56:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-20T17:52:47.000Z (about 1 year ago)
- Last Synced: 2025-01-26T09:16:55.940Z (5 months ago)
- Topics: akash-halder, etask, js, reactjs, vite
- Language: JavaScript
- Homepage: https://etask-by-akash.vercel.app
- Size: 639 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# eTask Todo App
Welcome to the eTask Todo App! This project is a sleek, user-friendly todo application built with React and Tailwind CSS. It features a responsive design, dark mode toggle, and has been deployed on Vercel.
## Light Theme
## Dark Theme
## Is Resonsive 🤔
The Answer is YES The App is Responsive too
## Table of Contents
- [Demo](#demo)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Demo
Check out the live demo of the app [here](https://etask-by-akash.vercel.app/).
## Features
- **Responsive Design**: Optimized for both mobile and desktop views.
- **Dark Mode**: Toggle between light and dark themes.
- **Task Management**: Add, edit, and delete tasks with ease.
- **User-Friendly Interface**: Intuitive and easy-to-use interface.
## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **Tailwind CSS**: Utility-first CSS framework.
- **React Router DOM**: For client-side routing.
- **Vercel**: Hosting and deployment platform.
## Installation
To run this project locally, follow these steps:
1. Clone the repository:
```bash
https://github.com/Nil369/eTask-Your_Todos_on_Cloud.git
```
2. Navigate to the project directory:
```bash
cd eTask-Your_Todos_on_Cloud
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
The app should now be running on `http://localhost:5173`.
## Usage
- **Adding Tasks**: Use the input field and the "Add" button to add new tasks.
- **Editing Tasks**: Click on a task to edit its details.
- **Deleting Tasks**: Click on the delete icon next to a task to remove it.
- **Toggling Dark Mode**: Use the dark mode toggle switch to switch between light and dark themes.
## Contributing
Contributions are welcome! If you have any ideas, suggestions, or issues, feel free to open an issue or submit a pull request.
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes.
4. Commit your changes (`git commit -m 'Add some feature'`).
5. Push to the branch (`git push origin feature-branch`).
6. Open a pull request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
If you have any questions or feedback, feel free to contact me at:
- **Email**: [[email protected]](mailto:[email protected])
- **GitHub**: [Nil369](https://github.com/Nil369)
---
Made by Akash Halder with and for ❤️
Thanks for Reading 😊