lschnell8/self-care-center

Self Care Center

Table of Contents

• Introduction
• Technologies
• Features
• Illustrations
• Deployed Page
• Possible Future Extensions
• Set Up
• Sources
• Contributors
• Project Specs

Introduction

Visit Self Care Center to treat yourself to a little pick me up. Use your name to log in and see a personalized welcome message that makes you feel right at home. Choose to receive a mantra or an affirmation and take in the positivity.

Technologies

• Javascript
• HTML
• CSS

Features

• Arrive on the login page, enter your name, and click Log In
• You are then taken to the home page where a personalized greeting is displayed and you are asked to choose what type of message you would like to see
• Use the radio buttons to select either a mantra or an affirmation
• Click the Receive Message button to submit your selection
• In the box below your selection you will see the meditation icon disappear and your message appear for your viewing pleasure

Illustrations

Deployed Page

Visit my published Self Care Center page here

Possible Future Extensions

• Create screen responsiveness for viewing on any size screen
• Make messages fade in and out for a calming delivery
• Functionality that allows users to create their own message
• Allow users to save and view saved messages

Set Up

1. Fork this repo
2. Clone the repo to your local machine
3. View the project in the browser by running open index.html in your terminal

Sources

• MDN
• W3Schools
• CSS-TRICKS

Contributors

• Lindsay Schnell

Project Specs

• The project spec & rubric can be found here.