Inspiration

Our inspirations were two-fold. Firstly, CMU students are known for working hard, staying up until late at night grinding out their homeworks or studying. However, this culture perpetuates a sleep deprivation problem among the student body, which is detrimental to everyone's physical and mental health. We hoped to address this issue in a fun and enjoyable way through our retro, game-like website. Additionally, with COVID-19 and remote schooling, it is hard to connect with your friends and know what they are up to. Hayane hopes to bridge the gap between students as well.

What it does

Hayane is primarily based on a "dorm" that students share by joining via their browser. Once inside of a room, they can see their friends and their "statuses", i.e. whether they are studying, sleeping, or vibing. Students can see their friends statuses visually by looking through their Mados (window in Japanese), or by clicking on the window to see the friend's name and status. Students can change their name whenever or be anonymous. Student's can also change their status whenever and their friends will also see the update.

How we built it

We primarily used React as our frontend framework, with node.js handling backend requests. We used websockets to enable communication between users and for updates to be propagated. Our drawings and visuals were all custom made.

Challenges we ran into

Only one of us had experience with React and node.js, and most of us also had very little web development experience, and so much of the time was spent learning the framework, and understanding the interactions between React and node.js.

Accomplishments that we're proud of

For a team with three first time hackathoners, we're proud that our product was able to work and contain most of our intended features in the time span given to us!

What we learned

Development in general is very time consuming, and propagating interactions are also difficult.

What's next for Hayane

More customization for students (different statuses, visuals), more interaction between students, larger dorms, multiple dorms to choose from, data saving

Built With

Share this project:

Updates