Hi, I'm Alex 👋
Frontend &
Web Developer
A Frontend Web Developer & UI/UX enthusiast, specialized in building pixel-perfect interactive websites/applications for phone & desktop.
About
I'm Alex, a London-based Frontend Developer who cares deeply about the user experience.
I'm very driven when learning something new. That's what happened with video production during Covid lockdown, where I went from no experience to creating video content for multiple companies.
This drive led me to pursue frontend development when I learned of it, resulting in becoming Meta-certified. Now my sole focus, I'm excited to bring my skills & production experience to help teams I'm part of build web apps people enjoy using/find value in.
Technologies
- Next.js
- JavaScript
- Git
- React
- CSS
- GitHub
- TypeScript
- HTML
- Markdown
- Tailwind
- Bootstrap
- Sass
Featured project
HD DVD Store
A React storefront for HD DVDs. The application utilizes TypeScript to ensure type safety and clean, deployable code. It also employs Bootstrap to create a responsive UI/UX, as the user interacts between the homepage, storefront, shopping cart, and a page on the history of the short-lived high-definition disc format.
React Router is used to navigate between different pages. It also utilizes the Context API, various hooks (including a custom one), JSON, and local storage to manage the state of the HD DVD shopping cart.
Projects
Here's 8 frontend projects I've worked on. 2 were tasked by Meta to receive certification, with the other 6 done to create apps people would find utility in and to enhance my skills in Next.js, React, TypeScript, Git etc.
ps5studios.com
ps5studios.com
My interactive 27 page website about PlayStation Studios during the PS5 era. It was created using the Next.js React framework and also applies TypeScript for clean, type-safe JavaScript throughout the code.
Tailwind CSS was used to create a visually appealing UI/UX that's mobile responsive. The site is deployed through Vercel and registered via Hostinger.
Photo Showcase
Photo Showcase
This Next.js app uses Unsplash API photos to tour through the various fetching and caching strategies available in the React framework. For example, there's static and dynamic server-side rendering, client-side rendering, and incremental static regeneration.
Photo Showcase utilizes TypeScript for clean, often asynchronous code and Tailwind CSS to display the Unsplash photos and their data in very different ways, depending on the page and device being used.
Play Hangman
Play Hangman
The classic Hangman game created in React and TypeScript, via Vite. The app also implements CSS modules and adheres to responsive design.
The user has access to both keyboard and mouse inputs when guessing letters. It also uses various hooks like useCallback, useEffect and useState for its logic.
Little Lemon Table Reservation
Little Lemon Table Reservation
A React website for Meta's restaurant, with focus on its table reservation feature. The user fills out details via a controlled form, then navigates to a separate page that confirms their booking.
All reservations are saved into local storage so the user can add/delete submissions. A high-fidelity prototype of the mobile version was also created in Figma.
Calculator App
Calculator App
A React calculator. Tasked by Meta in order to test my knowledge of that chapter's React concepts.
A controlled form, the useState and useRef hooks are used for functionality. I also coded CSS to create a realistic looking calculator for a more fun UI and UX.
Xbox Game Studios Publishing
Xbox Game Studios Publishing
A Bootstrap homepage for Xbox's publishing division. The project includes numerous Bootstrap components such as forms, cards, a modal, and an accordian.
The app also incorporates JavaScript and calls the Mapbox API for some user interactivity.
Movie Recommender
Movie Recommender
The app calls The Movie Database API to fix choice paralysis. The user chooses a genre, and a movie fitting that selection will have its information displayed. The user can then like or dislike the API's choice.
This application was primarily to gain experience with ES8 Async/Await & asynchronous JavaScript.
Live Music Locator
Live Music Locator
HTML and CSS are used to create a non-scrolling homepage with a video background. It features the simplistic UX/UI these modern layouts are known for.
The bespoke video was edited in Adobe Premiere Pro. The CSS also allows the user to add their own color overlay onto the video to suit their tastes.
Get In Contact
Whether it's a business enquiry, for collaboration, or just saying hi, my inbox/DMs are open. Please reach out and I'll respond as soon as possible.