My Projects

Showcasing my skills through projects.

Project One: Contact Form Application

Developed a responsive contact form that demonstrates best practices in web security and user experience. The application validates all user inputs both client-side and server-side, implements XSS protection through data sanitization, and provides clear success/error messaging. Messages are securely stored in a text file with timestamps for future reference

Backend: PHP
Frontend: HTML, CSS
Storage: Text File
Security: Input sanitation, XSS prevention
Design: Custom CSS with responsive layout

Project Three: Guest Book / Comment System

Created a fully functional guest book system where users can post, view, and delete messages. The application stores all data in JSON format, displays timestamps for each entry, generates avatar initials, and provides a clean, intuitive interface. Messages are validated for length and content before storage.

Backend: PHP
Frontend: HTML, CSS
Storage: JSON file-based database
Data Format: JSON encoding/decoding
Design: Responsive UI with simple design

Project Two: PHP Calculator with History

Built a full-featured calculator that performs basic arithmetic operations while maintaining a session-based history of the last 10 calculations. The application includes robust error handling (such as division by zero protection), displays results in real-time, and allows users to review and clear their calculation history.

Backend: PHP
Frontend: HTML, CSS
Storage: PHP Session Management
Layout: CSS Grid
Design: Custom responsive styling

Project Four: Weather App

Developed an interactive weather application that retrieves and displays real-time weather data using the OpenWeather API. Users can search for any city to view the current temperature, weather conditions, humidity, and wind speed. The app also provides a 5-day forecast with daily summaries presented in a responsive card layout. It dynamically updates the background color gradient based on current weather conditions (clear, cloudy, rainy, snowy), enhancing user experience with visual feedback. The design ensures responsiveness and accessibility across devices.

Backend: Javascript integrated with OpenWeather API
Frontend: HTML, CSS, Bootstrap
Layout: Bootstrap Grid and Flexbox
Design: Responsive UI with card-based forecast layout

Project Five: Landing Page - AirBnb Inspired

Created a fully responsive landing page inspired by Airbnb’s modern aesthetic, designed to showcase travel destinations, experiences, and accommodations in a visually engaging manner. The page features a full-screen image carousel with destination highlights, a central search bar for quick exploration, and an interactive navbar with login and signup options. Content sections include feature cards for unique stays, experiences, and adventures, a grid layout of popular destinations, and a testimonials carousel for customer feedback. The design incorporates hover effects, smooth scrolling, and lazy loading for improved performance. A clean, mobile-first layout ensures accessibility and usability across devices, while subtle animations and shadows enhance user engagement.

Frontend: HTML, CSS, Bootstrap
Icons & Styling: Font Awesome, Bootstrap components, custom CSS transitions and hover effects
Layout: Bootstrap Grid, Flexbox
Design Features: Responsive image carousel, card-based content sections, smooth scrolling, lazy-loaded images, interactive navbar highlighting