Skip to content

TODO Machine is a modern and efficient task management application built using React. It provides a seamless experience for users to create, manage, and search for their tasks. This project leverages several key features of React and JavaScript to deliver a dynamic and responsive user interface.

License

Notifications You must be signed in to change notification settings

afmurillo97/react-intro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LinkedIn


Logo

React.js TODO Machine Proyect

TODO Machine is a modern and efficient task management application built using React. It provides a seamless experience for users to create, manage, and search for their tasks. This project leverages several key features of React and JavaScript to deliver a dynamic and responsive user interface.
Explore the docs »

View Project ·

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Screenshots

Start Project

Start Project

Articles Section

Search Section

Graphics Section

Modal Create Section

(back to top)

Built With

React: A JavaScript library for building user interfaces.

useState: For managing local component state.
useEffect: For handling side effects, such as interacting with localStorage.
React Context API: For managing global state across the application.

JavaScript (ES6+): Leveraging modern JavaScript features for cleaner and more efficient code.

Arrow Functions: For concise function expressions.
Template Literals: For easier string interpolation.
Destructuring Assignment: For extracting values from arrays and objects.
Spread and Rest Operators: For easier manipulation of arrays and objects.

This section should list any major frameworks/libraries used to bootstrap my project.

  • React
  • Javascript
  • HTML5
  • CSS3

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Felipe Murillo - @murilloaf - [email protected]

Project Link: https://github.com/afmurillo97/react-intro

(back to top)

Acknowledgments

I'd like to express my gratitude to the following libraries and tools that have been instrumental in the development of TODO Machine:

  • React - A JavaScript library for building user interfaces.
  • React Router - Declarative routing for React applications.
  • Create React App - Set up a modern web app by running one command.
  • ESLint - A tool for identifying and fixing problems in JavaScript code.
  • Prettier - An opinionated code formatter.
  • localStorage - A web storage API for storing data locally within the user's browser.
  • Webpack - A module bundler for JavaScript applications.

These resources have significantly contributed to the success and functionality of the TODO Machine project.

(back to top)

About

TODO Machine is a modern and efficient task management application built using React. It provides a seamless experience for users to create, manage, and search for their tasks. This project leverages several key features of React and JavaScript to deliver a dynamic and responsive user interface.

Topics

Resources

License

Stars

Watchers

Forks