Take a look at what I've been working on!
Passsionate Landing Page
This project showcases fundamental web development skills, including:
- HTML: Implemented essential elements such as headings, paragraphs, divs, spans, links, images, and buttons.
- CSS: Applied styling techniques like margin, padding, font size and weight, color schemes, linear gradients, line heights, box shadows, borders, and transitions.
- JavaScript: Integrated interactive features using variables, conditional statements, alerts, prompts, and event handling.
Weather App
Key components include:
- HTML & CSS: Built the foundational layout and styling of the app.
- JavaScript: Displayed current date and time, and added a search functionality.
- API Integration: Fetched and displayed weather data, including wind speed, weather description, icons, and forecasts.
- Deployment: Hosted the project on Netlify with a link to the GitHub repository.
Multi-Time Zone Clock
This project highlights:
- HTML & CSS: Structured and styled the application with a user-friendly interface.
- JavaScript: Managed different dates and times for at least three locations.
- Interactive Elements: Included a select element for location choices and a link to the homepage for easy navigation.
- User Location Feature: Displayed the current date and time of the user's location.
- Deployment: Hosted on Netlify with a link to the GitHub repository.
AI Content Generator
This project includes:
- HTML & CSS: Designed an intuitive form for user instructions and styled the output.
- JavaScript & AI Integration: Implemented AI functionality to generate a four line inspirational quote based on user input.
- Deployment: Hosted on Netlify with a link to the GitHub repository.
Responsive Landing Page
This project includes:
- Hero Section & Footer: Designed a compelling hero section and a cohesive footer for enhanced user engagement.
- CSS Grids & Cards: Utilised pure CSS grids to create a flexible and structured layout, incorporating cards to highlight key content.
- Embeds & HTML Tables: Integrated HTML embeds and tables to present information in a structured and accessible manner.
- CSS Filters & Advanced Styling: Applied CSS filters and advanced styling techniques to enhance the visual appeal and user experience.
- Deployment: Hosted the project on Netlify, ensuring accessibility and performance across different devices and platforms.
This project reflects my commitment to creating responsive and visually appealing web pages that provide a consistent user experience on any device.