Penny Nichols's repositories
calculator
Basic Calculator (one operation input at a time)
my-portfolio
My portfolio / resume / freelance contact website.
guess-number
Guessing game. The program randomly selects a number between 1 and 10. If the user guess is too low, the program instructs a higher guess. If the user guess is too high, the program instructs a lower guess.
shopping-list
Shopping list that receives user input for item, price, and quantity. For each line item, a total is calculated (pre-tax). Decimal values are accepted and handled properly for calculation purposes. there is functioning edit and remove buttons. Edit can alter any of the values associated with the item. Clear all button clears the list. The list is saved in local storage for convenience.
rental
Private vacation home rental website with a backend server and database. https://birmingham-home-rental.herokuapp.com/
flex-box
flex-box and media queries in-class
js-arrays
in-class js arrays
google_landing_page
Group project to replicate the google landing page
services-website
Services website with expandable navigation for small screen sizes. This site features service cards containing a short description of the service and serving as a link to a separate page describing the service. This site has review cards for featured client reviews. Finally, this site contains an appointment form at the bottom is linked with indexedDB to store appointment details in the browser so clients can see and cancel their appointments directly on the website.
resume-website
Professional resume website with 8 color selections for hiring managers to choose from. Color selection is saved in local storage and remembered by the browser on their next visit. There are links to download a word document or pdf, both custom tailored to match the resume website. Progress bars to show skill set mastery and timeline for education, achievements, certifications and work history.
informational-website
my first full website build. This is an informational website with customizable, personalized themes the user can choose from. The theme settings are saved in local storage and will remain the users selected color on their next visit to the page. This site contains a pdf download link, and previews of featured posts that link that route to matching blog pages.
form-indexeddb
takes appointment information from a form, stores it in indexedDB, notifies client that appointment has been made, displays scheduled appointments for the client with a button to cancel for each booking.
image-carousel
autoplay or manual control image rotation with image descriptions
bouncing-balls
Bouncing balls with random sizes and colors that expand on mouseover.
analogue-clock
html css and javascript analogue clock with hour, minutes, and seconds hands.