• DEMO LINK

Description

• Responsive and Interactive User Interface: The combination of React with SCSS ensures that the website is not only visually appealing but also highly responsive and interactive. The dynamic capabilities of React, coupled with the powerful styling features of SCSS, provide a seamless user experience across devices.
• Maintainability and Scalability: The use of TypeScript adds a layer of type safety, making the codebase more maintainable and less prone to errors as the website grows. The modular approach in both React and SCSS further contributes to the scalability of the project.
• Modern Development Practices: This stack represents modern web development practices, focusing on performance, developer experience, and maintainability. The use of React, TypeScript, and SCSS ensures that the website is built on a solid foundation, capable of adapting to future needs and requirements.

In this project, I used the following technologies:

1. HTML: Provides the skeleton of the application, such as the div containers and basic tags for where the To-Do app will be rendered.
2. CSS: Defines how the elements like buttons, input fields, and to-do list items look
3. React: Handles state, reactivity, and user interface components such as adding or removing to-dos, displaying the list, and updating the UI efficiently.
4. Typescript: Improves code maintainability and scalability by defining types for the data structures

How to run project locally:

1. Clone repository using Git
2. Open your terminal
3. Install the standard package manager for Node.js using npm i
4. Type npm start to run project locally.