Description: CH Academy is a responsive educational website designed to help students access learning resources easily. Built using HTML, CSS, and JavaScript, it provides an interactive platform with sections for courses, announcements, and student interactions.

Languages: HTML, CSS, JavaScript

Technologies: Bootstrap, AOS Animations

Purpose: Frontend Development

Duration: 3 weeks

Challenges: Designing a modern, user-friendly layout for students, ensuring full responsiveness, and adding smooth animations for an engaging learning experience.

Status: Completed

GitHub: View Repository

View: Live Demo

A Django-based web app for managing inventory, sales, billing, and financial operations efficiently.

Description: BizEasy is a Django-based business management web application designed for small and medium businesses. It helps manage inventory, sales, billing, and financial records with ease and automation.

Languages & Frameworks: Python, Django, HTML, CSS, JavaScript

Core Functional Modules:

• Product & Category Management: Hierarchical organization of products with categories and subcategories.
• Purchase System: Tracks purchases, suppliers, and costs.
• Discount Engine: Automated discount scheduling and status updates.
• Billing & Invoicing: Customer billing with itemized invoices and income tracking.
• Stock Management: Real-time tracking of inventory linked to purchase and billing.
• User Management: Custom authentication with role-based access for owners and staff.

Key Features:

• Automated discount scheduling and cleanup commands
• Stock and sales reporting with filtering
• Comprehensive CRUD operations for all modules
• Separate dashboards for admins and users
• Data maintenance and business logic automation

Technical Architecture: Django MVC structure, custom management commands, template-based UI, and ASGI support for async operations.

Status: Completed

Duration: 3 weeks

Description: A web-based application for managing mehndi (henna) design bookings, built using Django. It supports two primary user roles — customers and administrators. Customers can browse designs, book appointments, and make payments, while admins manage designs, bookings, payments, and business analytics.

Languages: Python (Django), HTML, CSS, JavaScript

Technologies: Django Framework, SQLite, Pillow, Custom Authentication

Purpose: Full-Stack Web Application for Service Management

Duration: 4 weeks

Key Features:

• For Customers: Registration/Login, Gallery Browsing, Standard & Custom Bookings, Payment, Feedback
• For Administrators: Dashboard, Design Management, Booking Control, Payment Handling, Feedback & Customer Management

Technical Architecture: Django 3.2 backend, SQLite database, Pillow for image processing, Django templates for dynamic UI rendering.

Challenges: Implementing custom authentication and maintaining dynamic relationships between users, bookings, and design data.

Status: Completed

Description: The Personal Finance is a web-based application designed to help users effectively manage their budgets, track daily transactions, and generate detailed financial reports. It features an interactive, responsive, and visually engaging UI for smooth financial tracking and analysis.

Features: Budget setting and monitoring, transaction management with income/expense tracking, category-wise summaries, and CSV export for reports.

Languages: HTML, CSS, JavaScript

Technologies: Responsive Web Design, Gradient UI, DOM Manipulation

Purpose: Frontend Development

Duration: 1 month

Challenges: Creating a responsive and gradient-based layout that maintains readability in all views, ensuring smooth dynamic updates between modules, and maintaining a clean design across budget, transaction, and report pages.

Status: Completed

View: Live Demo

Description: A full-featured Learning Management System (LMS) built with Django that enables students to learn, track progress, and purchase courses while giving instructors and admins powerful analytics and management tools.

Features: User authentication with “Remember Me”, personalized dashboards, real-time progress tracking, Razorpay payment integration, admin analytics with interactive charts, CSV export, and fully responsive design.

Languages: Python, HTML, CSS, JavaScript

Technologies: Django, Chart.js, Razorpay API, SQLite

Purpose: Full-Stack Web Application

Duration: 3 weeks

Challenges: Implementing real-time progress tracking, optimizing course hierarchy (Course → Module → Lesson), and securing payment integration with Razorpay while maintaining responsiveness.

Status: Completed

Description: This project is a fully functional calculator application designed to handle both basic and advanced mathematical operations. It supports addition, subtraction, multiplication, division, as well as scientific functions like square root, trigonometry (sine, cosine, tangent), and logarithms. The calculator features a clean, user-friendly interface with a responsive design, ensuring it works seamlessly on both desktop and mobile devices. The project was built to enhance my skills in JavaScript event handling and DOM manipulation, focusing on creating a smooth user experience with real-time calculations.

Languages: HTML, CSS, JavaScript

Technologies: Vanilla JS, DOM Manipulation

Purpose: Frontend

Duration: 2 weeks

Challenges: Implementing scientific functions accurately and ensuring the responsive design adapts to various screen sizes without breaking the layout. Handling edge cases like division by zero and managing state for continuous calculations were also significant hurdles.

Status: Completed

Code: View Code on GitHub

View: Live Demo

Description: A responsive mobile navigation menu inspired by Netflix’s app. Built with HTML, CSS & JavaScript, it features a full-screen sliding menu, animated menu items, a bottom tab bar, smooth transitions, and accessible focus states for keyboard users.

Languages: HTML, CSS, JavaScript

Technologies: CSS animations, Flexbox, ARIA for accessibility

Purpose: Mobile UI / Navigation Component

Duration: 1 week

Highlights:

• Smooth slide-in/out mobile menu with backdrop blur
• Icon-driven bottom tab bar (Home, Search, Coming Soon, Downloads, More)
• Keyboard & screen-reader friendly (ARIA roles & focus traps)
• Lightweight, easily pluggable into any web project

Challenges: Replicating Netflix-like fluid animations while keeping performance high on low-end devices and ensuring accessible keyboard navigation.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A creative front-end project showcasing a rotating navigation menu with smooth, physics-inspired transitions. Built with HTML, CSS and JavaScript, it focuses on delightful interactions and lightweight performance for both desktop and mobile.

Languages: HTML, CSS, JavaScript

Technologies: CSS transforms & transitions, requestAnimationFrame, Flexbox

Purpose: UI/UX Interaction Component

Duration: 1 week

Highlights:

• Rotating wheel-style menu with inertia & easing
• Smooth open/close animations and staggered item reveals
• Responsive layout that adapts to touch and pointer devices
• Accessible focus states and keyboard navigation support

Challenges: Creating fluid rotation physics while keeping the animation performant on low-end devices and maintaining accessibility for keyboard users.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A creative front-end project that demonstrates scroll-triggered animations using HTML, CSS, and JavaScript. Each section fades and slides into view smoothly as the user scrolls, enhancing engagement and visual flow.

Languages: HTML, CSS, JavaScript

Technologies: Intersection Observer API, CSS Animations

Purpose: Frontend Animation & User Interaction

Duration: 1 week

Highlights:

• Smooth fade-in and slide-in animations on scroll
• Lightweight JavaScript logic using Intersection Observer
• Fully responsive layout with multiple animated content sections
• Clean design optimized for modern browsers

Challenges: Synchronizing animations with scrolling events and maintaining smooth performance across different screen sizes and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A clean and functional Simple Timer web app built using HTML, CSS, and JavaScript. It helps users track time efficiently with a minimal and responsive interface focused on clarity and usability.

Languages: HTML, CSS, JavaScript

Technologies: DOM Manipulation, CSS Flexbox, Event Handling

Purpose: Frontend Utility Application

Duration: 2 days

Highlights:

• Live countdown and stopwatch functionality
• Start, pause, and reset controls with smooth transitions
• Minimal and responsive design for all screen sizes
• Lightweight, frontend-only implementation with no dependencies

Challenges: Managing timer accuracy and preventing drift during long intervals while ensuring intuitive user controls and responsive layout.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A fun and interactive Sound Board web app built using HTML, CSS, and JavaScript. It allows users to play various sounds instantly by clicking colorful buttons, creating an engaging and responsive audio experience.

Languages: HTML, CSS, JavaScript

Technologies: HTML5 Audio API, Event Handling, Flexbox

Purpose: Interactive Frontend Project

Duration: 2 days

Highlights:

• Instant sound playback via JavaScript event listeners
• Colorful and responsive button-based UI
• Lightweight design with smooth click animations
• Explores DOM manipulation and audio control in the browser

Challenges: Handling multiple audio elements efficiently while maintaining responsiveness and preventing audio overlap during rapid clicks.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A modern Split Landing Page built using HTML, CSS, and JavaScript. The design features two interactive sections divided by a central line — when users hover over either side, it expands smoothly, creating an engaging and dynamic user experience.

Languages: HTML, CSS, JavaScript

Technologies: CSS Transitions, Flexbox, JavaScript Event Handling

Purpose: Frontend Design & Animation Project

Duration: 3 days

Highlights:

• Dual-section split layout with hover-triggered transitions
• Smooth expansion and shrinking effects using CSS and JS
• Fully responsive and mobile-friendly design
• Ideal for showcasing product or brand comparisons

Challenges: Achieving seamless hover transitions while maintaining responsive behavior and balanced layout proportions on different screen sizes.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A modern Theme Clock web app that displays the current time in an elegant analog style. Built using HTML, CSS, and JavaScript, it features a light/dark mode toggle with smooth transitions, combining style, interactivity, and real-time functionality.

Languages: HTML, CSS, JavaScript

Technologies: CSS Transforms, JavaScript Date API, Theme Toggle Logic

Purpose: Frontend UI/UX & Animation Project

Duration: 2 days

Highlights:

• Real-time analog clock powered by JavaScript
• Seamless light and dark theme switching
• Smooth rotation and transition animations
• Fully responsive and minimal user interface

Challenges: Synchronizing the clock hands precisely with system time and ensuring theme transitions remain fluid across all screen sizes and browsers.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A dynamic Notification Toast component built with HTML, CSS, and JavaScript. It displays smooth pop-up messages to alert users of various actions, such as success, error, warning, or info, with auto-dismiss functionality and clean animations.

Languages: HTML, CSS, JavaScript

Technologies: CSS Animations, JavaScript Timers, DOM Manipulation

Purpose: Reusable UI Component / Frontend Interaction

Duration: 2 days

Highlights:

• Auto-dismissing toast notifications with smooth animations
• Supports multiple alert types: success, error, warning, and info
• Responsive and lightweight design suitable for integration
• Interactive and reusable frontend component

Challenges: Ensuring multiple toasts can appear and disappear independently while maintaining smooth CSS transitions and avoiding layout overlap.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A lightweight To-Do List web app built with HTML, CSS, and JavaScript. It allows users to add, edit, and delete tasks dynamically, providing a clean and responsive interface for efficient daily task management.

Languages: HTML, CSS, JavaScript

Technologies: DOM Manipulation, Local Storage API, CSS Flexbox

Purpose: Productivity & Frontend Application

Duration: 3 days

Highlights:

• Add, edit, and delete tasks with intuitive UI
• Persistent data storage using browser local storage
• Minimal and responsive design for desktop and mobile
• Smooth and interactive user experience

Challenges: Ensuring reliable data persistence, maintaining responsive layout, and implementing dynamic DOM updates without external libraries.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A modern email verification interface built using HTML, CSS, and JavaScript. Users can input a 6-digit OTP code to simulate email verification. The design focuses on smooth interactivity, a clean layout, and a user-friendly experience.

Languages: HTML, CSS, JavaScript

Technologies: JavaScript Event Handling, CSS Flexbox, Input Focus Management

Purpose: Frontend UI / User Interaction Project

Duration: 2 days

Highlights:

• 6-digit OTP input UI with automatic focus navigation
• Interactive input boxes powered by JavaScript
• Minimal and responsive design for all devices
• Frontend-only implementation for demo purposes

Challenges: Handling smooth input focus movement and validation feedback while maintaining a clean and responsive layout.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A visually engaging 3D boxes animated background built using HTML, CSS, and JavaScript. It creates an interactive 3D cube effect with smooth rotations, perfect for enhancing web pages or portfolios with dynamic visual appeal.

Languages: HTML, CSS, JavaScript

Technologies: CSS 3D transforms, CSS animations, JavaScript for interaction

Purpose: Frontend Visual Effects / UI Enhancement

Duration: 2 days

Highlights:

• 3D rotating boxes creating an immersive background effect
• Pure CSS and JavaScript animation, lightweight and responsive
• Easy to integrate into websites, portfolios, or landing pages

Challenges: Managing smooth 3D rotations and performance optimization for different screen sizes and browsers.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A dynamic animated countdown timer built using HTML, CSS, and JavaScript. This project features a smooth countdown animation, ideal for event launches or time-sensitive promotions.

Languages: HTML, CSS, JavaScript

Technologies: CSS Animations, JavaScript Timers

Purpose: Frontend UI / Event Countdown

Duration: 2 days

Highlights:

• Smooth countdown animation with CSS transitions
• Interactive start and reset controls
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animation transitions and maintaining responsiveness across different devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A sleek animated navigation menu built using HTML, CSS, and JavaScript. This project features smooth hover effects, dynamic transitions, and a modern design, enhancing user experience and engagement.

Languages: HTML, CSS, JavaScript

Technologies: CSS Transitions, JavaScript DOM Manipulation

Purpose: Frontend UI / Navigation Enhancement

Duration: 3 days

Highlights:

• Smooth hover animations with CSS transitions
• Dynamic active state indicators using JavaScript
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animations across different browsers and devices, and maintaining accessibility standards.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An engaging auto text effect built using HTML, CSS, and JavaScript. This project features a dynamic typing animation that simulates a real-time typing experience, enhancing user interaction and engagement.

Languages: HTML, CSS, JavaScript

Technologies: CSS Animations, JavaScript DOM Manipulation

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Dynamic typing animation with blinking cursor effect
• Customizable typing speed and text content
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animation transitions and maintaining responsiveness across different devices and browsers.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A dynamic background slider built using HTML, CSS, and JavaScript. This project features a smooth transition between multiple background images, enhancing the visual appeal of web pages.

Languages: HTML, CSS, JavaScript

Technologies: CSS Transitions, JavaScript DOM Manipulation

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Smooth background image transitions with CSS
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth transitions across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A captivating loading effect that starts with a blurred background and gradually sharpens as the page content loads. Built using HTML, CSS, and JavaScript, this project enhances user experience during page load times.

Languages: HTML, CSS, JavaScript

Technologies: CSS Filters, JavaScript DOM Manipulation

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Smooth transition from blurred to sharp background
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth transitions across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A Material Design-inspired button with a ripple effect on click, built using HTML, CSS, and JavaScript. This project demonstrates interactive UI elements that enhance user experience.

Languages: HTML, CSS, JavaScript

Technologies: CSS Animations, JavaScript DOM Manipulation

Purpose: Frontend UI Enhancement

Duration: 1 day

Highlights:

• Responsive button design
• Interactive ripple effect on click
• Lightweight and easy to integrate

Challenges: Ensuring smooth animations across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A fun and interactive animation where a heart appears, grows, and disappears upon double-clicking on an image. Built using HTML, CSS, and JavaScript, this project demonstrates event handling and CSS animations.

Languages: HTML, CSS, JavaScript

Technologies: CSS Animations, JavaScript Event Handling

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Interactive heart animation on double-click
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animations across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A visually engaging double vertical slider that allows users to explore two sets of images simultaneously. Built using HTML, CSS, and JavaScript, this project demonstrates advanced UI interactions.

Languages: HTML, CSS, JavaScript

Technologies: CSS Transitions, JavaScript DOM Manipulation

Purpose: Frontend UI Enhancement

Duration: 3 days

Highlights:

• Synchronized vertical sliding effect
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animations across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An interactive drag-and-drop interface allowing users to move items between containers. Built using HTML, CSS, and JavaScript, this project demonstrates the use of the HTML Drag and Drop API.

Languages: HTML, CSS, JavaScript

Technologies: HTML Drag and Drop API, JavaScript Event Handling

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Interactive drag-and-drop functionality
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth drag-and-drop interactions across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A versatile drawing application that allows users to create freehand sketches and geometric shapes using HTML5 Canvas, CSS, and JavaScript. Features include customizable brush sizes, color selection, and the ability to save drawings as images.

Languages: HTML, CSS, JavaScript

Technologies: HTML5 Canvas API, JavaScript Event Handling

Purpose: Frontend UI Enhancement

Duration: 3 days

Highlights:

• Customizable brush sizes and colors
• Freehand drawing and shape creation
• Save drawings as PNG images
• Responsive design suitable for various screen sizes

Challenges: Implementing smooth drawing interactions and ensuring cross-browser compatibility.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A simple and interactive water intake tracker that helps users monitor their daily water consumption. Built using HTML, CSS, and JavaScript, this project allows users to log their water intake by clicking on glasses, providing a visual representation of their progress.

Languages: HTML, CSS, JavaScript

Technologies: HTML5, CSS3, JavaScript DOM Manipulation

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Interactive glass selection to log water intake
• Visual progress bar indicating remaining water goal
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth interactions and accurate progress tracking across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An interactive tool that displays the key code, key value, and event code of any key pressed on the keyboard. Built using HTML, CSS, and JavaScript, this project helps users understand keyboard events and their properties.

Languages: HTML, CSS, JavaScript

Technologies: KeyboardEvent Interface, JavaScript Event Handling

Purpose: Educational Tool for Understanding Keyboard Events

Duration: 2 days

Highlights:

• Displays key code, key value, and event code in real-time
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring accurate key code detection across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An interactive gallery of five visually rich images that expand upon selection, built using HTML, CSS, and JavaScript. This project demonstrates the use of Flexbox for layout, CSS transitions for smooth animations, and JavaScript event handling for interactivity.

Languages: HTML, CSS, JavaScript

Technologies: Flexbox, CSS Transitions, JavaScript Event Handling

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Interactive image gallery with expanding cards
• Smooth animations and transitions
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animations and transitions across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A dynamic FAQ section featuring collapsible panels that reveal answers upon interaction. Built using HTML, CSS, and JavaScript, this project enhances user experience by providing a clean and organized way to present frequently asked questions.

Languages: HTML, CSS, JavaScript

Technologies: JavaScript DOM Manipulation, CSS Transitions

Purpose: Frontend UI Enhancement

Duration: 2 days

Highlights:

• Interactive collapsible panels
• Smooth animations for expanding/collapsing
• Responsive design suitable for various screen sizes
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animations and transitions across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: A user-friendly feedback interface that allows users to rate their satisfaction level using interactive icons. Built with HTML, CSS, and JavaScript, this project demonstrates effective use of form elements and event handling to collect user feedback.

Languages: HTML, CSS, JavaScript

Technologies: HTML5, CSS3, JavaScript DOM Manipulation

Purpose: User Feedback Collection

Duration: 2 days

Highlights:

• Interactive rating system with visual feedback
• Responsive design for various screen sizes
• Clean and intuitive user interface
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth user interactions and compatibility across different browsers.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An interactive web application that allows users to search and view GitHub user profiles by entering a username. Built using HTML, CSS, and JavaScript, this project demonstrates the use of the GitHub API to fetch user data and display it in a user-friendly interface.

Languages: HTML, CSS, JavaScript

Technologies: GitHub API, JavaScript Fetch API, DOM Manipulation

Purpose: Developer Tool for Viewing GitHub Profiles

Duration: 3 days

Highlights:

• Real-time search and display of GitHub user profiles
• Responsive design suitable for various screen sizes
• Displays user information such as repositories, followers, and bio
• Clean and intuitive user interface

Challenges: Handling API rate limits and ensuring smooth user experience during data fetching.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An interactive grid-based hoverboard effect where each cell lights up with a random color as the user hovers over them, creating a dynamic and engaging visual experience. Built using HTML, CSS, and JavaScript, this project demonstrates the use of mouse events and CSS transitions to create an immersive effect.

Languages: HTML, CSS, JavaScript

Technologies: CSS Grid, JavaScript Mouse Events, CSS Transitions

Purpose: Interactive UI Element

Duration: 2 days

Highlights:

• Dynamic lighting effect on hover
• Responsive design suitable for various screen sizes
• Clean and intuitive user interface
• Lightweight and easy to integrate into projects

Challenges: Ensuring smooth animations and transitions across different browsers and devices.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An interactive web game where players click on randomly appearing insects to score points. Built using HTML, CSS, and JavaScript, this project demonstrates the use of DOM manipulation, event handling, and game logic to create an engaging user experience.

Languages: HTML, CSS, JavaScript

Technologies: JavaScript DOM Manipulation, CSS Animations

Purpose: Browser-based Game Development

Duration: 3 days

Highlights:

• Random insect generation with varying speeds
• Score tracking and timer functionality
• Responsive design for mobile and desktop
• Engaging animations and sound effects

Challenges: Ensuring smooth animations and handling multiple simultaneous events.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: An interactive movie discovery app that allows users to search for movies, view detailed information, and explore trending titles. Built using HTML, CSS, and JavaScript, this project demonstrates the use of the TMDB API to fetch movie data and display it in a user-friendly interface.

Languages: HTML, CSS, JavaScript

Technologies: TMDB API, JavaScript Fetch API, DOM Manipulation

Purpose: Movie Discovery and Information

Duration: 3 days

Highlights:

• Real-time search and display of movie information
• Responsive design suitable for various screen sizes
• Displays movie details such as title, overview, and release date
• Clean and intuitive user interface

Challenges: Handling API rate limits and ensuring smooth user experience during data fetching.

Status: Completed

GitHub: View Repository

View: Live Demo

Description: The Portfolio Website is a personal showcase of my projects, skills, and experiences as a developer. The website features a modern, responsive design with sections for projects, about me, services, and contact information. It includes smooth animations using AOS (Animate On Scroll) library to enhance the user experience, a dark mode toggle for accessibility, and a contact form integrated with a third-party service for email submissions. The portfolio is optimized for performance, with lazy-loaded images and minified CSS/JS files to ensure fast loading times. The goal was to create a professional online presence that effectively highlights my work and attracts potential clients or employers.

Languages: HTML, CSS, JavaScript

Technologies: Bootstrap, AOS Animations, EmailJS

Purpose: Frontend

Duration: 3 weeks

Challenges: Creating a responsive design that looks great on all devices, implementing smooth scroll animations without affecting performance, and ensuring the contact form works reliably across different email providers. Balancing aesthetics with functionality was also a key challenge.

Status: Completed

View: Live Demo