Skip to content

heyemmibee/ChallengeAccepted

 
 

Repository files navigation

ChallengeAccepted

A self improvement app that presents the user with a 30 day challenge, daily tasks to accomplish, daily feedback/reflections to enter and an end of challenge report.

Challenge Accepted is a responsive, mobile ready, self improvement app that presents the user with 30 daily challenges, daily journal entries and a final reports feature at the end of the challege. It was inspired by the desire to create an app that created good habits and inspiration from a podcast that claimed that an activity performed daily for 30 days could instill a habit.

The app presents the user with an initial challenge announcement on the landing page and button to click if they choose to accept. Then, the app presents a motivational quote, a fitness challenge and a spirit bar to track progress. Clicking the Begin Fitness Challenge button will present the user with the day's fitness challenge.

Upon completion of the challenge, the user will be presented with the Cross The Finish Line button. Clicking it will make the 30 day report available to the user. This consists of a charts for body mass index, resting heart rate and daily mood and blog entry access.

Site Preview

Landing page top Challenge Announcement

Landing page bottom

Fitness page Daily Fitness Challenge

Clicking the Daily Checkin button will present the user with a form where they can input their resting heart rate, their body mass index and their mood level. The user can also input a blog entry for the day.

Checkin page Daily Checkin

Cross the finish line Cross the finish line button

Reports page Final Report

Getting Started

This application is acessible using the link below, deployment is via Heroku

Prerequisities

Clone a local copy of the git repo.

Run > npm install

Run > nodemon server

Do not worry about any initial error messages. This occurrs as the database has no data.

Create data via your favorite mysql client.

Seed the inspirations table.

Use the commands in the seeds.sql to populate the inspirations table.

Seed the metrics table.

Use the commands in the metrics_seeds.sql file to populate the metrics table.

Slide Deck

https://docs.google.com/presentation/d/1__qtbrgr5s04XlyLEhjw5T_F9ZIJHCQb2ucLBVqe8P8

Built With

  • Handlebars - front end semantic template builder
  • Bootstrap - Front-end HTML, CSS, javascript framework for creating responsive web applications.
  • JavaScript - Programming language.
  • jQuery - Javascript library.
  • Node.js - Javascript Framework
  • Express.js - Node Web framework
  • MySQL - Database Management System

Contributing

Please feel free to offer any suggestions or improvements.

Authors

Releases

No releases published

Packages

No packages published

Languages

  • HTML 63.4%
  • JavaScript 29.0%
  • TSQL 5.4%
  • CSS 2.2%