Lily Yee's Projects
Skillcrush 203 WordPress child theme
Simple one-page links portfolio written in plain HTML and CSS.
Fun exercise building a bubble animation using CSS.
Daily vacation budget calculator to see how much money the user has every day for food and fun.
Random background color changer. Users click on a button to change the page color which also displays the name or hex code of that color.
Countdown clock project that can be used when a new product is coming out or a sale is about to end on an e-commerce site.
A project where users can select a list of colors for a color palette
Simple little widget built using Vanilla HTML, CSS, and JavaScript. Users can click and cycle through various cards of images as a background. It also has a small header at the bottom of the card with text relating to the corresponding background image.
Form validation where users must enter a valid user name, email address, and password.
GitHub's API used to pull data from my GitHub portfolio to create a gallery of repos. Visitors to the site can click on the repos to see more details and a link to the repo.
Players guess the word by entering one letter at a time. If the player guesses all the letters correctly before they use up their guesses, they win!
Countdown clock to Halloween. Boo!
Example of hotel search tool that allows the user to filter type of hotel to stay in
This is the very first website I coded in HTML5 and CSS3. Converted an Adobe Photoshop design comp into a one-page desktop website.
Responsive portfolio website that features some of my web development projects.
Config files for my GitHub profile.
Restaurant menu project where users can filter through different categories of food and drink by clicking buttons.
Modal window that can be used on websites to get users to do or see something specific.
JavaScript exercise. Change events used to toggle on and off different classes based on whether the user is happy, sad, or passionate.
A project where a user can create bulk name tags.
Responsive navbar that will show the hamburger menu for smaller devices.
Users can click on buttons to decrease the number, increase the number, or reset the number back to 0.
Potluck guest list - Invite up to 8 guests. Once the guest list is full, dishes are assigned to each guest.
Progress steps bar to illustrate the steps in a multi-step process.
Questions page that gives users more information about a business.
3 expertly styled recipe cards written in HTML5 and CSS3.
Random Image Generator
Carousel of reviews with a button that generates random reviews. Good feature to have on an e-commerce site to display customer reviews or a personal portfolio to display testimonials.
Adobe Photoshop design comp to complete website using HTML5 and CSS3.
A simple home page perfect for a small business. Originally a static website, I converted it into a responsive design using Flexbox.