A text file with brief descriptions of each Zodiac Sign.

NOTE: Please don't plagiarize! It would be ideal if we could launch this app without any copyright problems

In the Index File:

• Create a simple welcome message that explains the purpose of the App and the required Info
• create a form that takes the first name of the User, their birth month and birth date
• create two div elements that will be appended with the message to the user, the proper zodiac sign, and an image of the sign

We need another html page where we will return the Zodiac results after the User submits their birthday

1. Title file 'Results.html'
2. Use the same bkgrnd image and text styles as seen in index.html
3. Include three divs for the Zodiac name, image and description
4. Add the file into the hmtl folder

Once the file is added, we can update the server and main js files

We're close to the finish line!

I created a branch called 'Build 0' for everyone to download and work in. Check the Read.Me file to get the environment conditions right in order to tool around with the app as is.

Big Issues: #1. Serving css and js files to the browser from our /public folder: As the app is now, the form works but none of the styles or background images render on screen. I tried to make it work, but can't seem to get it right.

#2. Appending DOM with Zodiac Object info: The good news is that the app spits out the right Zodiac sign along with all the proper content we've collected to the console once the user inputs a date and clicks 'submit'. We just need a way to take that object that's returned server side and append the DOM with info so that the user can see the results. There LOTS of ways to accomplish this, so we can have a nice discussion on best practices.

it looks like a lot was edited, but the real changes made were the background image, changed the body's background to black, and added a media query for mobile devices. the rest was cleaning up the indentation within the css file.

Right now, our app only serves the index.html file. We made a 'results' page where the user's Zodiac information is supposed to go,

1. We need our server.js file to serve the 'results' page after the user enters their birthday.

2. We need to append the DOM of the 'results' page with the user's Zodiac info

Added suggested changes. Both input types accept number values and changed the opacity of the form element. The image is a bit blurry but we can come back to that once we are operational.

Change the template to

• accept the user input data
• append the DOM at designated
  in the index.html with a response message to the user containing their Zodiac sign and an image of the sign

Hello all!

So we're bringing Version 1.0 of this idea to a close, and it's time for all the contributors to get the credit they deserve!

In the Read.me at the top of the document is a header section with a section for all of you to put your contact info. You can just copy and paste my entry and fill in your info.

Thanks for all the help! Next up is getting this thing hosted on Heroku.

EDIT: The app is now available on Heroku!