ASSIGNMENTS

Skillshelf Student Portal

A student portal web app where users can log in, enroll in courses, track attendance, and view assignments. Built with JavaScript and Firebase, this project gave me hands-on experience with dynamic content rendering and backend integration.

SMIT HACKATHON (HTML & CSS)

I participated in the SMIT HTML & CSS Hackathon where I showcased my skills in creating responsive layouts and clean user interfaces. It was a great opportunity to apply my HTML and CSS knowledge in a competitive setting.

Quiz App

An interactive quiz application with timed questions, score tracking, and instant feedback. It was developed to practice JavaScript functions, event listeners, and array handling.

Firebase Authentication App

This project uses Firebase Authentication to register, login, and logout users securely. It helped me learn user management, auth state changes, and real-time form validation.

Product Rendering

This project demonstrates dynamic product rendering using JavaScript. It fetches and displays product data in real time, helping me understand DOM manipulation and data-driven UI creation.

GitHub API Integration

This project integrates the GitHub API to fetch and display user profiles and repositories. It improved my skills in using APIs, handling JSON data, and updating the UI dynamically.

Weather Forecast App

A real-time weather app built using a public weather API. Users can search for any city to get temperature, humidity, and weather conditions. This project helped me understand API integration and asynchronous JavaScript.

JS Connect - Post App

This app allows users to post and view messages in a dynamic feed. It was created to practice event handling, DOM updates, and local data storage using JavaScript.

Restaurant Admin Panel

A custom admin panel for managing restaurant orders, menu items, and categories. This project strengthened my understanding of modular code structure and CRUD operations using JavaScript.

News App

A JavaScript-powered news application that fetches and displays top headlines using a news API. It features category filters and a responsive layout, ideal for learning data fetching and rendering lists.

Check Your Blood Type

An interactive app where users can input blood donor and recipient types to check compatibility. This project helped me apply conditional logic and form handling in JavaScript.

Password Generator

This app generates secure, random passwords based on user-selected criteria like length and character type. It was built to explore string methods and randomization in JavaScript.

Car Website

A car-themed website that showcases different vehicle models with images, specs, and pricing. The site uses JavaScript for navigation and interactivity.

Street Warriors - Fighting Game

A 2D JavaScript fighting game where players choose characters and engage in street battles. This fun project deepened my understanding of animation, game logic, and canvas rendering.

Enviromental Protection Protocol

This project highlights key environmental issues through a simple and clean UI built with HTML and CSS. It focuses on climate change, pollution, and conservation efforts in a visually informative layout.

Foodpanda Home Page UI Clone

This is a front page clone of the Foodpanda website built using HTML and CSS. The project helped me understand real-world layout structures and enhanced my UI/UX implementation skills.

NASA Home Page UI Clone

A UI clone of the official NASA homepage designed with HTML and CSS. This project strengthened my frontend development skills by focusing on structured layout and responsive design techniques.

Protonic Home Page UI Clone

This is a clone of the Protonic homepage created to replicate their clean and modern layout using HTML and CSS. The design emphasizes responsive components and consistent branding.

Figma design 01

I translated a Figma UI design into code using HTML and CSS. This project improved my ability to convert design files into fully functional web pages while maintaining design accuracy.

Figma design 02

A pixel-perfect HTML and CSS conversion of a Figma design prototype. It helped me strengthen my attention to detail and layout precision when working from UI design tools.

Figma designs 03

This project involved recreating a complex UI from a Figma mockup using only HTML and CSS. It tested my skills in layout structuring, typography, and component-based design.