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.
- 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
ReactJS, React Router DOM, Bootstrap 5, SweetAlert2, React Feather Icons, VSCode, Live Server, GitHub
http://localhost:3000 β via npm start
http://127.0.0.1:5500 β via Live Server (production build)