01
FEATURED PROJECT
AI Story Maker
Personalised storytelling powered by AI.
A web application designed to help parents and caregivers create
personalised bedtime stories for children.
What I built
- Personalised story generation
- AI API integration
- User input handling
- Dynamic content rendering
- Responsive user interface
Technologies
- HTML
- CSS
- JavaScript
- AI API
WHAT I LEARNED
This project allowed me to explore how AI can be integrated
into a real-world application and design an intuitive
user-focused experience around generated content.
02
WEB APPLICATION
World Clock
Time zones made simple.
A responsive world clock application that allows users to
explore the current local time across different locations around
the world.
What I built
- Multiple time zone selection
- Real-time clock updates
- Dynamic date and time rendering
- Location-based information
- Responsive interface
Technologies
- HTML
- CSS
- JavaScript
- Date & Time APIs
WHAT I LEARNED
Working with JavaScript Date objects and time zones helped
me develop a stronger understanding of dynamic data and
real-time UI updates.
03
FEATURED PROJECT
React Weather App
Real-time weather built with React.
A responsive weather application built with React and Vite,
allowing users to search for cities or use their current
location to explore real-time weather conditions, hourly
forecasts and a 5-day forecast.
What I built
- City search and location detection
- Real-time weather data
- Hourly weather forecast
- 5-day weather forecast
- Celsius and Fahrenheit conversion
- Local date and time by timezone
- Responsive user interface
Technologies
- React
- Vite
- JavaScript
- CSS
- Axios
- OpenWeather API
- Font Awesome
WHAT I LEARNED
This project helped me take my JavaScript skills further by
learning how to build a complete application with React. I
practised working with components, state, props, useEffect,
asynchronous API requests and external data. I also learned
how to work with timezones, environment variables and deploy
a React application with Netlify.
