Samantha-Brown / self-care-center

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Self Care Center

Overview

How can I care for myself? One way is with affirmations and mantras! Affirmations are thoughts of positive self-empowerment, meant to assert your self-worth. Mantras are repetive phrases that are repeated again and again during mindfulness practices. Your challenge is to build an app that helps users remind themselves of their inherent value!

This Solo Challenge gives students and instructors the opportunity to get a pulse on where you are with the foundational concepts of Module 1 curriculum. Students should use this as an opportunity to challenge themselves and work completely independently. Google can (and probably should!) be used, but any other code base should not be referenced. Instructors will be able to use your work, both completion of functionality and code quality, to determine where you stand and if you are behind for this point in the module, provide supports to intervene.

The spec for this project can be found here.

Learning Goals

  • Gain experience building an application that utilizes HTML, CSS and JavaScript
  • Write HTML and CSS to match a provided comp
  • Understand how to listen to and respond to user events
  • Individualize your programming skill set

Setup

  • Fork this project to your own Github account
  • Clone the repository to your local machine
  • cd into the project
  • Read this README thoroughly, then begin working!

Contributor:

  • Samantha Brown

Project Managers:

  • Kayla Wood
  • Heather Faerber

Technologies used:

  • HTML
  • CSS
  • JavaScript

Instructions for running and viewing:

When the page loads, we should see a page with the title Self Care Center and Which type of message. Every time the user clicks the either the manta or affirmation selector(radio button) then the receive message button, a new random message will display.

Deploy link:

https://samantha-brown.github.io/self-care-center/

Images:

Future Additions:

  • Add the favorite button (iteration 1) to allow users to favorite and delete favorite messages.
  • Clean up the HTML

About


Languages

Language:JavaScript 56.5%Language:HTML 22.5%Language:CSS 21.0%