To-Do List Application

This project is a "To-Do List" web application built using React.js. The primary goal of the application is to provide a simple and efficient interface for users to manage their daily tasks.

Frameworks and Languages Used

• React.js: The core framework used for building the user interface.
• JavaScript: The primary programming language for logic and functionality.
• HTML/CSS: For structuring and styling the web pages.
• FontAwesome: For incorporating a wide range of icons into the UI.
• UUID: For generating unique identifiers for tasks.

Functionalities

• Task Management: Users can add, edit, and delete tasks.
• Task Status: Mark tasks as completed or pending.
• Responsive Design: Ensures the application is usable on various devices, including desktops and mobile devices.
• User Feedback: Provides visual feedback to the user for actions performed, enhancing the user experience.

Instructions for Setting Up and Running the Project

1. Installation

   • Ensure you have Node.js and npm installed.
   • Clone the repository and navigate to the project directory.
   • Run npm install to install all dependencies.

2. Running the Application

   • Use npm start to run the application in development mode.
   • Open http://localhost:3000 to view it in the browser.

3. Building the Application

   • Run npm run build to build the app for production. This will create a build directory with all the static files needed for deployment.

Project Structure

• public/: Contains the static files like HTML template, images, etc.
• src/: Contains the source code for the application.
  • components/: React components that make up the UI.
  • App.js: The root component that defines the main structure of the application.
  • index.js: The entry point for the React application.
• package.json: Defines the project dependencies and scripts.

Dependencies

• @fortawesome/fontawesome-svg-core
• @fortawesome/free-regular-svg-icons
• @fortawesome/free-solid-svg-icons
• @fortawesome/react-fontawesome
• @testing-library/jest-dom
• @testing-library/react
• @testing-library/user-event
• react
• react-dom
• react-scripts
• uuid
• web-vitals