DulanjaliSenarathna / react-todo-app

React Js Todo App with Redux and Framer Motion

Home Page:https://react-todo-app-delta-seven.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Todo App.

A complete React js to-do application.

live demo: react-todo-app-delta-seven.vercel.app


Made with ❤️ by Dulanjali Senarathna


Project Description

This todo web application, mainly focused on react js front-end development. I used css for styling. Also, this website used redux as a state management tool and also local storage.

Todo app has basic crud functionalities such as add todos, loading todos, delete todos, update todos, filtering todos based on their status. This application has smooth animations and transitions.

What I used

Requirements

  • Basic ReactJs knowledge
  • Basic HTML, CSS knowledge

Getting Started

After getting the project files, you need to go the file directory and run

npm install

and after that start the dev server.

npm start

Tools Used

  1. Favicon: Flaticon.com
  2. Code Editor: VS Code

FAQ

Q: What are the prerequisites?

basics of html, css, javascript and some basic knowledge of react is enough to start this project. Rest you will learn in the tutorial.

Q: Who the project is for?

The project is for the people who wanna get more skilled in ReactJs.


Feedback

If you have any feedback, please reach out to us at Dulanjali Senarathna

Happy Coding! 🚀

Website's screenshots

1 2 3 4 5 6 7

About

React Js Todo App with Redux and Framer Motion

https://react-todo-app-delta-seven.vercel.app


Languages

Language:JavaScript 70.7%Language:SCSS 19.4%Language:HTML 7.5%Language:CSS 2.4%