Skip to content

Latest commit

 

History

History
47 lines (29 loc) · 2.34 KB

README.md

File metadata and controls

47 lines (29 loc) · 2.34 KB

Todo App

Welcome to the Todo App, a powerful and user-friendly task management application built with React. This project showcases my frontend development skills and is a valuable addition to my portfolio.

Demo

Experience the app in action: Demo Todo App

Technologies Used

  • React: A popular JavaScript library for building user interfaces.
  • TypeScript: Enhances code quality and maintainability by adding static typing to JavaScript.
  • JavaScript: The backbone of the app's functionality.
  • CSS: Custom styling for a sleek and intuitive user interface.
  • SCSS: A CSS preprocessor that makes styling more efficient and maintainable.
  • Application Programming Interface (API): To interact with the server and save data. With the help of the API, the program can perform operations of creating, reading, updating, and deleting tasks. This allows you to store task data on the server and provides access to it from any device that has an Internet connection.

Features

  • Create, edit, and delete tasks effortlessly.
  • Mark tasks as complete and keep track of your progress.
  • User-friendly and responsive design for seamless task management on any device.

How to Use

  • Add a Task: Simply type your task and press Enter to add it to your list.
  • Edit a Task: Double click on a task to edit its content.
  • Mark as Complete: Click the checkbox to mark a task as complete.
  • Delete a Task: Click the delete icon to remove a task from your list.

Getting Started

To run the Todo App on your local machine, follow these steps:

  1. Clone the Repository: Click the "Fork" button at the top-right of this page to create your copy of the repository. Then, clone your forked repository to your local machine.

  2. Install Dependencies: Navigate into the project directory using the terminal and run npm install to install the required dependencies.

  3. Start the App: After installing the dependencies, start the app with npm start.

  4. Use the App: Open your web browser and visit http://localhost:3000 to start managing your tasks.

Prerequisites

It is recommended to fork this repository with Node.js version 14, as the application relies on certain features that are available in Node.js 14.

Now, you're all set to simplify your daily tasks with the Todo App!