Skip to content

Built with: ReactJS, NodeJS, Bootstrap 5, SweetAlert2 Features: Task filtering, edit/delete, detail view, and build-ready deployment Role: Frontend Developer (handled routing and edit functionality)

Notifications You must be signed in to change notification settings

christia006/WebTodo-App-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Todo App with ReactJS

This is a web application developed as part of the Web Application Development course (PAPWE) at Institut Teknologi Del. The app allows users to create, manage, and delete personal todo items. All data is stored locally (in-memory), and the UI is built using modular ReactJS components with Bootstrap 5 styling. Navigation between pages is handled via React Router DOM.


βœ… Skills Demonstrated

  • ReactJS (Class Components, State, Props)
  • React Router DOM (Routing with <Routes>, <Route>, useNavigate, useParams)
  • JavaScript ES6+ (Array methods, modules)
  • CRUD Operations (Create, Read, Update, Delete)
  • Conditional Rendering & Form Handling
  • PropTypes for Component Validation
  • SweetAlert2 for Confirmation Dialogs
  • UI Design with Bootstrap 5

🧰 Tech Stack

ReactJS, React Router DOM, Bootstrap 5, SweetAlert2, React Feather Icons, VSCode, Live Server, GitHub


πŸ”— Live Demo

http://localhost:3000 β€” via npm start
http://127.0.0.1:5500 β€” via Live Server (production build)

About

Built with: ReactJS, NodeJS, Bootstrap 5, SweetAlert2 Features: Task filtering, edit/delete, detail view, and build-ready deployment Role: Frontend Developer (handled routing and edit functionality)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published