The assignment is about build a web application, using Bootstrap, you can choose your topic

profileYELLOWFISH24
IndividualAssignment-Boot2.docx

CIS 4296: Individual Assignment – Homework Boot: 11 points

HOMEWORK GOALS: Gain hands-on experience in Bootstrap to be prepared for developing your Client Project UI

Submission: The assignment is due via the Assignments Feature in CANVAS by 3PM on 10/19. No credit is given if it is not posted in CANVAS by the due date/time. You need to create a zip file of your Visual Studio project and post it to Canvas.

complete the following assignment. You are to build a web application, using Bootstrap, with 3 pages – topic of your choice. You can Get most of your code from https://getbootstrap.com/docs/4.0/components/alerts/ for buttons or themes

Requirements:

1. Login Page

a. Design a page with two textboxes and a button. The textboxes should be labeled username and password respectively. Label the button accordingly.

b. If user enters any sort of text, redirect to home/index page.

c. If text is not entered, display an error message.

2. Home/Index Page

a. Design a simple home page that will welcome your user and describe your project.

3. About You Page

a. Design a page that asks a user for: First and last name, address, city, state, zip, email, birthday, phone number and provide a text area for them to enter their comments and or questions. When they click a submit button, just show an alert or some text saying if the submission was successful or not (you don’t have to really do anything with the text; if successful clear the textboxes and text area).

b. Remember to use the real estate of the webpage. UI needs to be aesthically pleasing - not just fields down the middle of the page. Think about websites that you use regularly and how they are structured.

c. Validation should occur to check if all fields have something entered. Check for valid dates, emails, zip code and phone number.

Keep in Mind:

1. Must have site-wide navigation. You can do it along the top, or on the side. Keep in mind you may add onto the navigation in later assignments.

2. Must have a footer.

3. Try to incorporate a Temple Logo or Temple ‘T’ as a “brand” in your navigation bar or footer.

4. You are not required to use Master/Content pages, but remember the advantages you discovered in Individual Assignment 3.

10/17/2017 Page 1