Mind-full

• 

  Home Page

• 

  API call in the Recipes page

What it does

• Provides users with a space to easily access all the aspects of a healthy life (meditations, yoga, recipes)

How we built it

• Using HTML, CSS, and Javascript we created, styled, and added functionality to our website.

Challenges we ran into

• When implementing the food API in the Recipes page, we ran into the challenge of being able to display more than one result.

Accomplishments that we're proud of

• We're proud of the mindfulness counter's functionality, and the pop-ups in the Recipes page. As well as the API implementation and overall clean look of the website.

What we learned

• We learned how to use an API in a website, it was our first time ever doing so and was fun to learn.

What's next for Mind-full

• A big idea we had where we weren't sure how to carry out in the time frame was that on the Home page, there be an image of a seedling, and every time the mindfulness counter increased, the plant would grow. It could eventually grow into a full tree where the user would have achieved full mindfulness. This idea also suggested the use of accounts for the users so that the user may log in to see their progress.

Built With

• api
• css
• html
• javascript