-
-
I Miss Orbach Homepage
π γγ Inspiration γγ π γ
It has been over a year since UCR closed its campus due to the COVID-19 Pandemic. Many of us are saddened at the idea of not being able to be on campus and utilize its services. Incoming students may not even know what campus looks like.
The Orbach Science Library is one of the key buildings to UCR's community. It is always full of students - whether they are relaxing during their gaps or franticly studying for exams. We are certain that Orbach holds fond memories for many students.
Studying at Orbach is a part of the in-person UCR experience. As a result, we wanted to create a way to experience it virtually. I Miss Orbach was also inspired by imissmycafe and imissmybar.
βοΈ γγ What It Does γγ βοΈ
I Miss Orbach is a website that virtualizes the experience of being in the Orbach Science Library. A lofi Spotify playlist is provided on the left side of the webpage along with a series of ambient sounds on the right. You can play sounds of other students talking, typing, a printer, and the sound of rain. Each experience is personalizable by adjusting each sound to your liking.
π¨οΈ γγ How We Built It γγ π¨οΈ
I Miss Orbach was built purely using HTML/CSS and Bootstrap and simple Javascript. We also used a Web Audio API in order to get the ambient noises to pan.
π§οΈ γγ Challenges γγ π§οΈ
Alfredo - I faced the challenge of learning HTML/CSS in a limited time frame. I also felt a little pressured by it being my first hackathon.
Ally - The main challenge I faced was trying to get our website to be mobile-friendly. I have built a handful of websites before, but I never delved into that, so learning how to use Bootstrap on the fly was a struggle.
Brandon - I faced the challenge of learning how to use an unfamiliar API. It caused me to struggle with getting multiple audios to be able to pan
Tommy - My main challenge was stylizing the audio assets. I ran into issues with creating a play and pause button.
π§ γγ Accomplishments γγ π§
Alfredo - I feel accomplished that I was able to get used to HTML/CSS pretty quickly. I am also glad I learned a lot through this experience.
Ally - I am proud to be able to add another project to my growing portfolio. Recently, my love for coding has dwindled, but finishing this project, has rekindled my love for it. Another accomplishment I am proud of was being able to make the website not look terrible on iPhone.
Brandon - I was able to get at least one audio to pan and am proud that I was able to learn how to design that feature.
Tommy - I feel accomplished in learning HTML/CSS in a couple of hours. It was a really great learning experience.
βοΈγγ What Is Nextγγ βοΈ
I Miss Orbach is not perfect, far from it actually. In the future, we plan to include more ambiance. For instance, a drop-down menu to pick seasonal noises. We also hope to include the panning option for all sounds, being mobile-friendly across all devices, and more stylistic choices.
Log in or sign up for Devpost to join the conversation.