Inspiration
As a team and friends at CSULA, we have gotten used to pushing each other to keep doing better. Whether that be in leetcode interviews, learning how to make new kinds of software, etc. However, we struggle with consistency for our own selves, and wanted to create a unique solution. This is how we came up with Constellation; a habit tracker website that visualizes each day of consistency as a piece of a giant space puzzle.
What it does
A habit tracker that visualizes each day of consistency as a piece of giant space puzzle.
How we built it
Tech Stack
Frontend: React CSS
Backend: Express.js Firebase
Challenges we ran into
Visualizing the nodes, and generating the lines between coordinates of generated nodes in order. Handling firebase to store and update specific node values. React routing between pages sending props.
Accomplishments that we're proud of
Fully connected frontend and backend. Creating reusable components in react for nodes. Styling of the website. Perseverence generally, we were struggling for many hours before we locked in on this vision together.
What we learned
Fullstack web app development. Designing data flow from backend to frontend. Using cloud to store NoSQL data.
What's next for Constellation
User login authentication, and storing multiple habit constellations. Implementing more constellations and connect it to the Habit AI chatbot.
Log in or sign up for Devpost to join the conversation.