HTML

Browse through people page

The page where all possibly interesting users are listed.

Profile page

A person's profile page, where the user can read more about them and their music taste.

Liked people page

A list of people liked by the user. Each list item is a person, and leads to their profile and chat together.

---

CSS

The CSS for all three pages is very similar. The breakdown looks something like this:

---

JavaScript

Browse through people page

I'll need a JS eventlistener to register when the user likes a person. I'll also need JS to make sure the liked people disappear from the browsing list.

Profile page

Here I'll need a JS eventlistener to register when the user likes the person whose profile he's visiting.

Liked people page

JS will make sure that all the people liked by the user will appear in this list.