Skip to content

A simple Notes + To-Do List app built while practicing React.js. Extended my earlier To-Do List project by adding notes functionality to practice state management, reusability, and working with multiple features in React.

Notifications You must be signed in to change notification settings

jaleel1122/Notes-and-ToDo

Repository files navigation

📝 Notes + To-Do List (React.js)

A simple Notes + To-Do List App built with React.js.
This is an upgrade to my earlier To-Do List project, where I added the ability to create and manage notes alongside tasks.

🔗 Live Demo

https://233zq4-5173.csb.app/ OR https://gn4w8s-5173.csb.app/

Features

  • ➕ Add and delete To-Do tasks
  • 📝 Create and manage Notes
  • ✅ Mark tasks as complete
  • 💾 Data persistence using localStorage
  • 🎨 Simple, clean UI

What I Practiced

  • Reusing components for different features
  • Managing state for multiple entities (notes & todos)
  • Handling user input and form submission
  • Thinking in React: breaking UI into smaller pieces

Future Improvements

  • Edit notes and tasks
  • Add categories/tags
  • Better styling with Tailwind or CSS frameworks

This is a practice project while learning React.

About

A simple Notes + To-Do List app built while practicing React.js. Extended my earlier To-Do List project by adding notes functionality to practice state management, reusability, and working with multiple features in React.

Topics

Resources

Stars

Watchers

Forks