Prove Projects

University Mission Statment

This project is to put MetaTags and CSS Review together for practice without a video guide. Only an example picture is given to duplicate a final Mission Statement from BYUI.

DOM Basics

Contiue with University Mission Statement project and add light dark mode with a drop down menu using Java Script.

Cool Pics Part 1

Replicate a moblie, tablet, and desktop version of a cool pics website using responsive design techniques from a referace photo.

Cool Pics Part 2

Continue working with the Coolpics page that was created. JavaScript will be added to allow a user to open and close the mobile menu.Also, when users click an image a modal will show. Allow the user to close the modal with the Esc key, clicking outside the modal image, and by clicking the close 'X' button.

Build a Blog Part 1

Build a Blog Part 2

Use object array in your JS file to bring in each book article dynamically.

Credit Card Form

Create a credit card form that looks like the fornt and back of a credit card.

Character Card

Create a character card with: properties: name, class, level, health, and image and methods: attacked and levelUp. Uses an object with properties and methods.

Recipe Book Part 1

Recipe Book Part 1

Use flexbox to layout the logo and title, the search area, the recipe, and the footer.

Recipe Book Part 2

Use JavaScript will be added to show a random recipe on the page. The user can search for keywords that will be compared to the recipe name, description, and tags to display recipes that contain the search keywords. Those recipes will be sorted by recipe name.