GlowingJourney

Inspiration

Our inspiration comes from pregnant women who weren’t able to get the help they needed in the past or who may have suffered from a high-risk pregnancy. These pregnancies were easily avoidable if the pregnancy was tracked and sufficient healthy choices were made.

What it does

Our website allows pregnant women to track their journey weekly and ensure a normal and safe pregnancy. Appointments and any other important dates can be scheduled and tracked on the website as well. It has an inbuilt pregnancy tracker calculator which calculates your due date of pregnancy given the conception date or Last Menstrual Period (LMP) date. It also provides information about your current week of pregnancy and recommends a diet as well as exercises to stay healthy.

How we built it

We used HTML, Javascript, and CSS to create our web pages. For the pregnancy tracker, we had to use node.js along with express.js to do all the calculations and show recommendations based on our calculations on the front end. For the register and login page, we used bcrypt npm package to hash the user password and store it in our Postgres database.

Challenges we ran into

We wanted to log all of our data onto a database so that each user could have access to a private account and store all their data in the tracker. We ran into the issue of some of the members having trouble setting up React, which was something we were originally going to use for the website. Also, some of the team members had trouble working in React, so we had to restart part of our project later in the day.

Accomplishments that we're proud of

Being able to create an entire website using HTML, Javascript, and CSS. Our team had minimal experience in those coding languages, so we had to learn on the spot how to work in those languages. We were able to create a functioning navigation bar, weekly prenatal stage calculator, and calendar that can be used to schedule events.

What we learned

We were able to improve our web dev skills through this project and a lot of us were able to get first-time hackathon experience. Also, since this was a lot of our first time working with web development, it was more of a learning experience than anything. Some of use were also able to learn how to code in HTML, Javascript, and CSS.

What's next for GlowingJourney

We would like to further develop our website by adding more features such as a secured chat with the user’s doctor. This would also include access to lab results and medications that the doctor provides.

Built With

Submitted to

HackViolet

Created by

I worked on the diet and exercise recommendations page. I tried working with react but I realized I didn't have enough web dev experience as this was my first time contributing to a website. I also did the research for our week-by-week page

Daania Abbas
I worked on the front end of the website, and I only did the home page. This was my first time using HTML so I was a bit confused. Before the final HTML I tried using react to create the front-end, but I was not able to learn it quick enough.

Sophia Clark
I made the calendar page, created the front-end for the login, signup and made the GitHub repository. As well as worked on the submission for our draft. As a team, 3/4 of our team members are participating for the first time.

Manha Jawahar
I worked on the Pregnancy tracker. I had to use node.js along with express.js to do all the calculations of the due date and use java script to show recommendations based on the calculations on the front-end. For the sign up and login forms, I hashed user password and stored it in my Postgres database.

Arnav Jagtap