My skills
Java Script
React
Type Script
Node.js
AWS
Terraform
GitHub Actions
HTML 5
Bash
CSS
Tailwind CSS
Sass
Webpack
Git
Github
PHP
jQuery
WordPress
Figma
Adobe Photoshop
Jest
Recent works
Car Performance Tuning Website
This website was built for a client specialising in engine tuning and performance upgrades. Originally built with WordPress, it was later recreated using React and Tailwind CSS to provide greater flexibility in design and development.
Key features include:
- AWS infrastructure managed with Terraform (Infrastructure as Code)
- Automated CI/CD pipeline using GitHub Actions
- Admin panel with CRUD functionality to manage company listings
- Contact form with file uploads for businesses interested in advertising on the website
- Serverless backend using AWS Lambda, API Gateway, DynamoDB, S3 and SES to process submissions, manage company data and store uploaded files
- Interactive map displaying company locations, with markers and popups containing company details and photos
- Frontend and backend validation, including file type and size restrictions
- WebP image optimisation to improve page loading performance
- Accessibility improvements using ARIA attributes
- Animated image slider with synchronised text animations
Implementation:
Global Weather App (React)
I built Global Weather App using React to let users check the weather anywhere in the world. It uses Google Maps API to help find the right location, with city suggestions and extra details to avoid confusion between places with the same name. The app shows current weather conditions, hourly forecasts and a five-day forecast. Users can switch between Celsius and Fahrenheit, choose from seven interface languages, and change between light and dark themes. There's also an option to check the weather at your current location, along with images that change depending on the sky conditions.
Implementation:
PetIdea Shop: Custom E-Commerce Website
PetIdea Shop is an e-commerce website I built for a client, working closely with a graphic designer who created the visual design in Figma. The goal was to create a shop where pet owners could easily browse and find products such as pet food and toys. We worked to a tight deadline, which made it a great opportunity to put my development skills into practice on a real client project. The website is responsive and designed to work smoothly across desktop, tablet, and mobile devices.
Implementation:
Interactive Web Games and Tools
Implementation:
Rock-Paper-Scissors Game
A web-based Rock-Paper-Scissors game where you play against the computer. Choose Rock, Paper, or Scissors, click "LET'S PLAY," and see who wins. The game keeps track of wins, losses, and draws.
Timer Application
A simple countdown timer that lets you set a time, start or pause the countdown, and reset it when needed. An alarm sounds when the timer reaches zero.
Memory Game
A memory game where you flip cards and try to find matching pairs. The cards are shuffled each time you start a game, and you get a short preview of their positions before playing.
Jackpot Game
A simple betting game where players bet on three randomly revealed colours. You win if all three colours are different or if all three match. Winning bets are multiplied by three. The game also includes a virtual wallet and statistics tracking.
