Nestling

Our Figma prototype for the Achievements page!
Our Figma prototype for the Water page!
Caswell, our Mascot!
Nestling's Logo

Inspiration

Other productivity apps such as Forest and Notion.

What it does

A web app with many planned features - such as a pomodoro timer, hydration checker and achievements page. However in the end, the only thing that is functionable is the 25 minute countdown timer that stops with a soft gentle alarm sound!

How we built it

Website design and prototyping was done on Figma collaboratively. Coded on visual studio code with html, css and a few bits of javascript! Website hosting was done on Qoom, so anyone can visit it!

Challenges we ran into

When coding, we ran into issues. When doing html and css, our coder had many position arranging issues, so that took up a lot of time to fix. Next, javascript was very confusing. Our coder was a beginner with javascript, so she had to use many resources to get her way through (including her dad).

Accomplishments that we're proud of

Our survey we conducted about student mental health, the countdown timer and finally, our cute little bird mascot, Caswell!

What we learned

Time management, using javascript with actual parts of the website (onClick, innerHTML, setInterval), learned to effectively communicate with members, research, conducting surveys and finally, learned the brainstorming process to create apps.

What's next for Nestling

To actually implement the hydration checker, achievements and the rest of the home page on the webpage!

Built With

css
html
javascript
qoom
visualstudiocode

Submitted to

The SuperPOSITRON

Created by

I worked on collecting student quotes, statistics and reaching out to real students to get their honest opinions on how the school-life balance has affected them. In addition, I created the slogan and wrote many of the other written aspects of the web-app.

Emily Ing
I worked collaboratively on the wireframe on figma, along with Flora! I also designed all of and wrote a small bit of the business pitch slide deck on figma as well.

Wendy Banh
I designed some of the wireframe on Figma! I also worked front-end and created the webpage for our app using html, css and javascript! (sadly could not complete ;-;). I will also take credit in creating our mascot, Caswell!

Flora Hu
✿