Photo of project one for Founders & Coders application

Project 1

For the first project, I showcased a bookshelf web page featuring my top 3 favourite books. The page includes book cover images and information on the title, author, and year of publication for each book. The page also displays the current date and features a link to my Goodreads profile for anyone who wants to see what I am currently reading.

Photo of project gallery as project two for Founders & Coders application

Project 2

This project gallery is made up of screenshot cards pf each of the five projects developed for the Founders & Coders application. The gallery is built using HTML, CSS, and JavaScript. I used media queries to make the cards adaptable to different screen sizes. On small screen the cards stack on top of each other.

Photo of movie data as project three for Founders & Coders application

Project 3

For the third project, I built a user-friendly interface that displays movie data, allows users to interact with the data, view movie details, add new movies, and update existing movie information. For the look of this webpage, I got inspired by themoviedb website. In the JavaScript file, I created different functions and events. For example, the createMovieList function is responsible for creating the movie list. It iterates over the movieData object using a for...in loop, retrieves the information for each movie, and creates a movie element using the createMovieElement function. The createMovieElement function takes a movie title and its corresponding object from movieData and creates an HTML element to represent the movie. It creates a div element with the class "movie" and sets its inner HTML using a template literal. It also adds event listeners to the edit and delete buttons.

Photo of application website as project four for Founders & Coders application

Project 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut est vitae purus commodo finibus.

Photo of game project as project five for Founders & Coders application

Project 5

This is a web-based puzzle game inspired by Japanese anime characters, and it features an image from Studio Ghibli as the puzzle background. The goal of the game is to arrange the tiles in the correct order within a specified number of moves or within a time limit.