DreamCatcher

your train to a perfect dream land.

Comment

Inspiration

How much time do you spend working at a computer each day? Most people can say somewhere near 8 hours. With the current socially distanced environment, our workplace has gone virtual. And with this increased technological focus comes the need to have healthy sleep habits. Sleep is one of our most important biological requirements, and more so because we dream during Stage 3 of the REM Cycle. Dreaming allows for us to relive the emotions of the day and process the day’s events. Hi! My name is: Srinidhi Venkatesh, and Pragya Singh. We are high schoolers, and we understand the precariousness of regular sleep and emotional health, particularly in times like these.. It is difficult to regulate technology use and sleep schedules when our bed and our desks are so close together. For this reason, we must carefully acknowledge the emotional implications of dreaming and its restorative property to us humans. To address one facet of this problem, we have created our app: DreamCatcher.

What it does

DreamCatcher utilizes simple yet effective code to create a well rounded dream resource. DreamCatcher is intended to create an environment in which you can establish healthy dream tracking habits and have better dreams. Our home page allows you to learn more about dreams and the science behind them. The page also includes further resources for sleeping better and learning the science behind dreams. The Dream Journal page allows you to track your dreams over time. Each day, you can log the time and quality of your dreams daily. This is scientifically proven to help manifest dreams in the future, further helping our users get better dreams daily. The Dream Vibes page allows the user to get an overall picture of how their dreams have been lately and how their overall emotional health has been since dreams signify general emotional and mental being. The Dream Counter page allows users to track the number of dreams each night before they forget. The number of dreams you have helps determine how emotionally loaded your dreams are and how much your brain is processing during your sleep. The Dream Counter page allows you to get a good overall view of your life and mental well-being.

How we built it

We built this web-app using raw HTML, CSS, JS, Bootstrap, Chart.js, and jQuery on VSCode The HTML allowed us to make forms, take input data, display text, and other elements on our screen. CSS and Bootstrap allowed us to create the visual dynamic of our website. JS and more specifically Chart.js and jQuery helped us create the dream journal and dream charts that allow for data analysis of dreams.

Accomplishments/Hurdles

First and foremost, we overcame many obstacles to create this project, including our lack of experience. We improved our knowledge in all of the languages we used to make this product and also were able to better connect these languages together to make a more functional product. We also incorporated JS libraries and Bootstrap for this project. Our product is unique because it offers a variety of different tools all in one location. The journal, resources page, and charts are all together and allow for different mechanisms of control over your sleep and dream patterns.

What's next for DreamCatcher...

In the future, we would like to increase the accessibility of our app, perhaps with a chat bot of sorts and a voice to text feature to narrate dreams into the dream journal. With these features, we would be able to improve user experience for those who benefit from our app.

Share this project:

Updates