Code Monkey home page Code Monkey logo

react-todo-app's Introduction

React Todo App

React Todo App.

A complete todo application with all features.

live demo: https://wc-react-todo-app.netlify.app/

Watch On Youtube: https://youtu.be/W0Uf_xu350k


Made with ❤️ by Shaif Arfan

Like my works and want to support me?

Buy Me A Coffee


Project Description

In the project, we will be creating a Complete Todo Application with all features. We will do all the CRUD operations. We will use React.js and to manage our states, we will use Redux. Also we will learn to make simple animations using Framer Motion. This will be a complete beginner friendly app. Hope you enjoy it.

What we are going to learn/use

Requirements

  • Basic ReactJs knowledge
  • Basic HTML, CSS knowledge

Starter files

You can find all the starter files in starter-files branch. You can go to the starter-files branch and download zip the starter files or You can clone the project and git checkout to starter-files branch.

Getting Started

The recommended way to get started with the project is to follow the YouTube tutorial. You will find all the step-by-step guides. Or you can start the project on your own by following the guide below.

After getting the starter 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

Other projects

📚 All Web Cifar Project Tutorials


FAQ

Q: How can i get started?

You can get started by following the YouTube tutorial of this project. Here is the full tutorial video link: [coming soon].

Q: What i need to start the project?

Just open your favorite code editor and follow along with the YouTube tutorial.

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 @web_cifar

Support

For support, join our Community Group.

License

MIT

Happy Coding! 🚀

react-todo-app's People

Contributors

amitlpu-840 avatar amyyalex avatar imgaf avatar shaifarfan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

react-todo-app's Issues

"No Todos" Is better of without borders

Having "No ToDos" indicator text already contained in a bordered component seems not to need to have a border itself for better aesthetics.

  • "No ToDos" with border
    Screenshot (28)

  • "No ToDos" without border
    Screenshot (27)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.