Final Project Web Developer Course

This project offers another way to use API and navigation elements. this website loads 10 images from NASA through their API and displays the image along with the images information. the user is able to save the favorite images and load them later, this info is stored in the local storage

This projkect demonstrates how to use canvas and requestAnimationFrame to create a simple game

This project demonstrates how to create and implement light and dark modes, allowing users to switch between the two modes. The preference is also saved in local storage for when the user returns.

This project demonstrates how to create and format a form using various form elements, as well as how to add restrictions on what can be entered using validation and patterns. The site allows a user to input the required information and retrieves the data for further processing.

A project demonstrating how to implement timing and dates into a website. The website allows a user to set a title and date, and the site counts down to the specified date. The information is saved in local storage, allowing users to return to the website to view the countdown.

A project that demonstrates how to structure and animate a simple navigation window. It allows the user to open a navigation window with links to different sections of the website.

This project demonstrates how to use the canvas element to create a paint style website. this site allows the user to change the background and brush color, paint and erase strokes, clear the scene, save and retrive the image from local storage as well as clear the local storage and download the image

This project demonstrates how to use a design provided by a web designer using tools such as Figma to create a website, as weel as how to add sample backgrounds that can be changed between. I have gone a step further and learned how to incorperate an SVG file into the script as to change the color of the logo with the background.

This project utilizes a free website template as the base to demonstrate how to animate the website elements and create a dynamic website.

A project demonstrating a way to build a website or app for creating bookmarks of other websites. The site uses a modal that allows the user to enter the required site information, then dynamically creates UI elements with the site's name (as a hyperlink) and its favicon. The bookmarks will also be saved to local storage for when the user returns.

This project demonstrates how to start a screen share and use the session to create a floating video player.

Collects images from Unsplash using an api and displays them in an infinite scrolling list. by selecting the image, it open the Unsplash page for that image

This project demonstrates how to create custom controls for a music player. The site has a predetermined set of songs and allows the user to pause, play, skip, return, and scrub through the songs.

This is a simple project that looks into complex logic. this project allows the user to test their quick math skills with a true or false math sprint game. this website tracts the time taken to complete the questions and saves them to the local storage to display on the main page

A project demonstrating how to use and implement APIs. This website uses a quote API to collect quotes and display them. Using the buttons, the user can generate a new quote or post the quote on Twitter using a Twitter API.

This project demonstrates how to use a few different features such as drag and drop events and enter and leave focus events. This project uses these events to create a Kanban board that allows the user to drag tasks between columns, create new tasks, edite existing tasks and delete old tasks. task text and locations are saved to local storage

This is a Project that demonstrates how to create custom video player controls. it allows the user to pause and play the video, scrub though the video and change the volume dynamically. They are also able to change the playback rate and go into fullscreen mode

A project that demonstrates implementing a text-to-speech API. It retrieves programming-based jokes through one API and uses another API to convert the text to speech before reading out the joke.