Skip to content

Nil369/eTask-Your_Todos_on_Cloud

Repository files navigation

image

eTask Todo App

Version JavaScript React Tailwind CSS Vercel

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

image

Dark Theme

image

Is Resonsive 🤔

WhatsApp Image 2024-05-20 at 22 44 15_6dee4dc0

The Answer is YES The App is Responsive too

Table of Contents

Demo

Check out the live demo of the app here.

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:

    https://github.com/Nil369/eTask-Your_Todos_on_Cloud.git
  2. Navigate to the project directory:

    cd eTask-Your_Todos_on_Cloud
  3. Install dependencies:

    npm install
  4. Start the development server:

    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 file for details.

Contact

If you have any questions or feedback, feel free to contact me at:


Made by Akash Halder with and for ❤️

Thanks for Reading 😊

Releases

No releases published

Packages

No packages published