Featured Projects
React
The Dictionary
A dark-academia-inspired dictionary app that fetches real-time definitions and related images using two APIs. The book-style layout adjusts between portrait and landscape based on the screen size for an engaging reading experience.
Tech stack
- React, JavaScript, HTML, CSS, Bootstrap, Axios, Free Dictionary API, Pexels API
Tell me more
- Displays part of speech, pronunciation, phonetic text, usage examples, and synonyms (when available)
- Uses Axios to fetch word data and relevant Pexels images in a responsive gallery
- Includes creative fallback logic - if a word isn't found, kitten images are shown instead
- Responsive design with Bootstrap grid and interactive hover effects
- Built with accessibility and SEO best practices
Advanced Python
Data Visualization Plot
A Python project that visualizes the growth of the internet population (in billions) across five continents, Africa, Asia, Europe, North America, South America, and globally from 1990 to 2020. Data is parsed, structured, and displayed in a clear, color-coded line chart for easy comparison.
Tech stack
- Python, CSV, Matplotlib, Rich library
Tell me more
- Plots trends per continent and global totals with distinct colors and a labeled legend
- Extracts and structures CSV data using DictReader and nested dictionaries
- The chart includes axis labels, gridlines, and descriptive title for clarity
- Enhanced console readability with Rich library formatting
- Demonstrates real-world data manipulation, filtering, and visualization
Responsive Design
Travel Website
A visually immersive, fully responsive travel website that highlights Canada's natural beauty, cultural attractions, and dining hotspots. The design blends a clean green-gray-white theme with interactive media and organized content to deliver a smooth, accessible experience across devices.
Tech stack
- HTML, CSS, Bootstrap, JavaScript, Google Maps Embed, Instagram and YouTube Embeds
Tell me more
- Opens with a scenic hero section layered with welcoming overlay text
- Showcases seasonal highlights through zoom-on-hover image tiles and season subheadings linking to curated travel articles
- Features restaurant cards with embedded Google Maps, links, and signature menu items
- Includes Instagram and YouTube embeds to offer real-world travel inspiration
- Ends with a resource-rich footer featuring airport, rental, and travel planning links
Python AI Integration
Travel Planner
An AI-powered travel planner that generates personalized day-by-day itineraries based on user input and real-time weather data for origin and destination cities.
Tech stack
- Python, SheCodes Weather API, SheCodes AI API, Rich
Tell me more
- Fetches current weather using SheCodes Weather API
- Generates AI-based itineraries with attractions, food, activities, and daily costs
- Displays total trip cost, travel tips, and formatted output via Rich
- Handles invalid inputs and API errors gracefully
- Combines prompt engineering, clean console UI, and real-world data integration
Front-End AI Integration
Baby Name Generator
A responsive front-end application that uses generative AI to suggest baby names based on user-selected criteria. It tailors suggestions by combining cultural preference, gender identity, and name length, all processed through curated API prompts for personalized results.
Tech stack
- HTML, CSS, JavaScript, Axios, SheCodes AI REST API, Typewriter.js
Tell me more
- Collects user input via a dynamic form and sends structured prompts to an AI REST API
- Displays names and their meanings with a typewriter animation for added engagement
- Includes smooth CSS-based loading indicators and real-time DOM updates for a seamless experience
- Offers a thoughtful UI experience across screen sizes with mobile-first responsiveness
Vanilla JavaScript
Weather App
A responsive, multi-page weather app built using HTML, CSS, and JavaScript that delivers real-time forecasts through a creative, themed interface.
Tech stack
- HTML, CSS, JavaScript, Axios, SheCodes Weather API
Tell me more
- Combines three unique HTML pages (Minimal, Dark, and Colorful) with smooth, user-friendly navigation
- Displays live weather data, including temperature, humidity, wind speed, and a 5-day forecast using Axios and the SheCodes Weather API
- Features temperature-based quotes for added personality and user engagement
- Handles edge cases like blank or invalid city names with playful, helpful feedback
- Adapts beautifully to various screen sizes with a clean, mobile-first layout and grid-based forecast design