Plan-It!
TypeScript
HTML5
SCSS
CSS3
Figma
Webpack
📔 Click here to visit 🌌
A modest home for all of your dreams and ambitions. Want to chase the stars? Plan-It!
Plan-It! is fully client-side, web-based task management application designed to demonstrate modern frontend engineering practices, clean architecture, and maintainable code structure. The project began began as an HTML, CSS, and JavaScript application and was later refactored into TypeScript and SCSS, with an emphasis on scalability, modularity, and industry-standard development workflows.
Users can create multiple task lists, each containing its own set of tasks with complete CRUD functionality and state management. Task state is persisted using the localStorage API, ensuring data remains intact across sessions without the need for a backend.
The application is structured with frontend modular components at production-level standards. The layout ensures usability across desktop and mobile devices, while subtle background animations using GSAP MorphSVG enhance the user experience without compromising performance.
