top of page
Screenshot 2024-02-11 123654.png

HTML WEBSITE

December 2023

Introduction to Internet Foundations

View site here

In my Intro to Internet Foundations class, my group designed a social media website for video game players to share their setups, playlists, and favorite games.

 

My group used Visual Studio Code and GitHub to write seven files of HTML/CSS code, with basic features such as a form, external links, and scroll bars.

HOME 

Screenshot 2024-02-11 123709.png

This is the home page. It has an Updates section where you can see patch notes and other important announcements, a column to see what friends are currently active, and a navigation bar at the top.

Screenshot 2024-04-23 203627.png

As you scroll further, you see descriptions of recent updates and up to 4 active friends.

PROFILES

Here, you can see other people's profiles! Members can create a username of their choice, and their preferred name will be displayed at the bottom. From here, you can view their individual profiles.

Screenshot 2024-04-23 204320.png

PLAYER PLAYLISTS

Screenshot 2024-04-23 205423.png

Next is the Playlists page, where you can see users' playlists. These can either be their all-time favorite songs, or the soundtrack to their gameplays! Clicking "Open Spotify" will take you directly. If the user has Apple Music or Pandora instead, the link will reflect that.

Further down the Playlists page is a form to recommend songs for the official MeetThePlayers Playlist. This playlist is released once a week and is a combination of user entries.

​

The form is fully functional.

Screenshot 2024-04-23 205838.png

GAMING SETUPS

Screenshot 2024-04-23 210122.png

Lastly, this is an explore page to see other users' gaming setups, whether they want to show off their whole room or just a new feature they added.

​

At the bottom, users add a short caption to describe their post.

bottom of page