Welcome to the TODO APP!

Todo App is a simple Todo list app built with React, JavaScript and Redux.

Deployment Link

Installation

1. Clone the repo.
2. Once you are in the TodoWithRedux/ directory, run:

npm i

3. Once all the dependencies are installed, you can locally run the project by running:

npm run dev

4. The default port for deployment is localhost:5173.

React + Vite Plugins

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Overview of the project: -

• Its a Todo List website where we can add, edit, delete, complete a todo.
• The progress remains stored in local storage.
• Used core Redux functionalities including redux-toolkit.

Packages/Dependencies

Here were all the libraries, frameworks and packages I used for creating this project: -

• @reduxjs/toolkit: ^2.1.0
• react: ^18.2.0
• react-dom: ^18.2.0
• react-redux: ^9.1.0

Page Load Time

• Page load time measures how long it takes for the contents of a website to show up in the user’s browser. The loading process of a website will consist of multiple milestones, for example starting to show text or displaying a hero image.

• For this website I measured the Page Load time after deploying this website and measured its data from Google’s Page speed insights.

• My First Contentful Paint came out to be 1.6s

• MY Largest Contentful Paint came out to be 1.6s

• My Total Blocking time was 0 sec

• My speed index was 1.6 sec

• The page load time of website depends on the Server Response time, download Sizes and Rendering Times.