TaskPlan

• 

  Tech stacks

Project members: Quoc Canh Wilbraham and Monson Academy Junior (11th Grade) Hai Dang Nguyen (Tammy) School: Winter Park High School Junior (11)

Inspiration

Many students become overwhelmed by assignments and deadlines (and we are one of the many) because they don't know where and when to begin. This could lead to increased stress and loss of motivation because students are unsure on what to do next. That’s why TaskPlan was created. We wanted to give students more clarity, clear structure, and starting so they can stay focused and in control.

What it does

TaskPlan is an AI powered webpage that analyzes your assignments and automatically builds a clear, personalized study plan. Users can input or paste assignment details and the AI will break the assignment down to manageable steps while tracking the deadlines of each assignment to ensure that the user will stay focused, organized, and complete all tasks on time.

How we built it

First, we identified the core problems that students face, and from there, we designed the interface layout. For instance, we first brainstormed the types of problems we faced, why we get overwhelmed by our tasks, and how we, as students, organise those tasks. Those problems include the duration of the task, the deadline, the difficulty, and other factors that might cause us to feel overwhelmed. Then, using those factors, we would organise them from the most important task to the least important task. From there, we designed the interface, prompting the user to input their tasks. On the backend, we implemented an API model, allowing us to use an API model that plans out and returns a list of tasks from most to least important.

Challenges we ran into

As young high school students, we faced many knowledge gaps while working on our projects. The tech stack required more than just basic Python and Javascript, which was the only language we knew at first. We had to learn more about TailwindCSS, JavaScript and understand the HTML DOM. This process helped us realize the importance of continuous learning and discussing problems together.

For example, when choosing our tech stack, we discovered a significant gap between vanilla JavaScript and React when building a website. At the time, we only knew basic JavaScript, which led us to choose the most suitable tech stack for our skill level: vanilla JavaScript and Tailwind CSS. The experience was valuable for us as we know our ability and have a chance to look more into Reactjs later.

Accomplishments that we're proud of

As high school students, we started our coding journey to learn how to build innovative solutions—from defining problems to selecting a technology stack. We learned how to build a website, including frontend, backend, and database development. Although we faced challenges and our projects are still simple, we are proud to own what we built and to have gained a strong foundation in web development.

What we learned

We have learnt about both Technology and Innovation Flow: Innovation: Learn how to apply Design Thinking in building a Products Technology: Frontend: Tailwindcss, HTML, JAvascript, DOM Backend: FastApi, GeminiAI Service

What's next for TaskPlan

Our next step is to develop the app so users can automatically import content from links (such as Canvas or Google Calendar) to minimize manual input and make the experience more seamless. From the imported links, the AI can automatically extract assignment details, generate tasks, and keep schedules continuously up to date without manual input. In addition, we aim to enhance our AI with adaptive learning. We plan that through a short diagnostic quiz, TaskPlan will identify each user’s study style, work pace, and productivity patterns then personalize task breakdowns, timing, and reminders to match how they learn best.

Built With

• dom
• html
• javascript
• python
• tailwindcss