A vanilla JavaScript app that helps users turn ideas into structured projects through guided briefing, task organization, and simple assistant-style interactions.
Project Planner AI is a frontend application designed to help users organize a project starting from a simple idea.
Instead of starting with an empty structure, the app guides the user through a short briefing flow, collects essential information, and transforms it into a clearer project plan with progress tracking.
This project was built as part of my portfolio to strengthen my JavaScript fundamentals and better understand how frontend applications manage state, user flow, and dynamic rendering.
- Start a project from an initial idea
- Guided briefing process
- Project organization and structure
- Task and progress tracking
- Assistant-style project interaction
- Data persistence with LocalStorage
- HTML
- CSS
- JavaScript
- LocalStorage
This project helped me practice:
- State management
- DOM manipulation
- UI updates based on application state
- File and logic organization
- User-centered flow design
- Building structured frontend applications without frameworks
I built this project to practice more than layout and styling.
My goal was to better understand how a frontend app behaves when the user creates content, moves through a flow, updates information, and expects the interface to respond correctly.
Planned improvements include:
- Cleaner visual design
- Better assistant logic
- More advanced project planning options
- Improved UX for multi-project workflows
Lucas Helfensteller
Career changer from hospitality to tech, focused on frontend development and building practical projects with JavaScript and React.