Hi! 👋🏻 My name is Michael. I am a Frontend Developer with a passion for creating beautiful and functional websites and generally just writing code. I have experience with HTML, CSS, JavaScript, React, and Next.js (as well as other languages). I am always looking to learn new things and improve my skills and am combining passions of mine with latest coding technologies to create something special. So, grab a ☕, get comfortable in your 🪑 and let's go! 🚀
The purpose of this site is to act as a single hub for all things web development. It contains a raft of personal projects based on interests, tools, and other helpful information and resources for web developers - and hopefully some inspiration can be taken. The site is built using Next.js and Tailwind CSS.
"What's more suitable a topic to build a website about than web development itself?" - Me
This project uses the following technologies:
- Framework: Next.js
- CSS/Styling: Tailwind CSS.
- Fonts: Using
next/font(automatically optimize and load Inter, a custom Google Font).
My Preferences:
- IDE: Visual Studio Code
- Browser: Edge
- OS: MacOS
- Terminal: iTerm2
- Version Control: Git
- Fuel: Coffee
Ensure you are running at least Node.js 18.
Run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
- HOME: Landing page with a brief description of the site and a list of resources/projects.
- DEV RESOURCES: A list of resources for web developers.
- GENERAL: A project that displays general information.
- ABOUT: A page about me and the site.
- STYLE GUIDE: A page that contains a style guide for the site.
- PROJECTS: A list of projects that I have worked on.
- EURO 2024: A project that I worked on for the Euro 2024 tournament. This never actually got finished in time for the tournament, but it was a good learning experience and I will be using it as a reference for the 2026 World Cup.
- EVERTON: A project dedicated to Everton Football Club.
- FORTNITE: A project dedicated to the popular video game Fortnite.
- GEOGRAPHY: A project that displays information about countries.
- JOKES: A project that displays random jokes.
- MOVIES: A project that displays information about movies either watched or to watch.
- PREMIER LEAGUE: A project that I worked on for the Premier League detailing season-by-season data, which contains a central hub with separate categories of stats and information. such as all clubs, past seasons and records.
- QUOTES: A project displaying a selection of random quotes.
- SPACE: A project that displays information about space.
- THE MAG PREMIER LEAGUE: A project that displays information about the MAG Premier League. An online eFootball league.