gabrielr47/fun-with-flags

A minimal HTML/CSS website about flags based on the TV Series The Big Bang Theory.

💫 About Me:

Experienced Frontend Developer with over 10 years of expertise working on diverse projects, ranging from small-scale applications to enterprise solutions within multicultural and multi time zone Agile teams. Proficient in handling both legacy systems and building applications from the ground up. Skilled in Angular and currently enthusiastic about learning Vue 3 with Vite.

🌐 Socials:

💻 Tech Stack:

📊 GitHub Stats:

fun-with-flags's Issues

Show where the flag is from on Map

This feature will help the users to find where located on a map is the flag from.

user case:

1. User enter on Website
2. User Clicks on flag
3. User see option to locate on Map

Add Hamburger menu on mobile devices

When navigating on mobile devices we should have an option to open the sidenav menu.
On mobile menu should be hidden as default.

Show a video about Geography Now on webpage

When a user clicks on the flag a option to learn about the geography of that place should appear.

https://www.youtube.com/user/GeographyNow

Improve page performance with pagination/auto scroll

After completing this task #1 I noticed some performance issues due to the loading of all flags at once.

This task should research and implement how to load card images with good performance, usually this could be done by performing a pagination or loading new cards as we scroll

Add remaining Flags to the home page

Currently we have four flags on our home page the goal is to have the same as on designs:

https://github.com/Gabrielr47/fun-with-flags/blob/main/design/fun-with-flags-draft.png

Add Web Component to make Card reusable

Right now we are copying and pasting the card for each flag make the html be HUGE, the idea here is to create a single card component that can be reused by a json file with the info about flags.

https://css-tricks.com/an-introduction-to-web-components/

Add Flag Quizzes item on Menu

Add Flag quizzes
An example of fun quiz is https://www.youtube.com/watch?v=aU5imsuYrHo&t=1s

Flags are not the same size

Research for flags with the same size.