CodeAlpha Web Development Internship

Frontend Engineering Task Suite

An interactive suite of 4 modern, responsive web applications built with semantic HTML5, modern CSS3 (Glassmorphism & CSS Custom Properties), vanilla JavaScript (ES6+), and the Web Audio API.

@nikh-tail Nikhil Rathor (DTU CSE) Repository
TASK 01

LUMINA Image Gallery

Responsive multi-view visual asset gallery with debounced live search, CSS filter presets, and fullscreen lightbox.

  • Grid, Masonry & Compact Layouts
  • Lightbox with 250% Zoom & Slideshow
  • EXIF Metadata & Keyboard Shortcuts
HTML5 CSS Grid JavaScript Glassmorphism
Launch Image Gallery
TASK 02

NEO-CALC Pro Calculator

Ultra-modern glassmorphic scientific calculator engine with tactile Web Audio API sound synthesis and unit converter.

  • Standard & Scientific (Trig/Log/Powers)
  • Tactile Audio Tone Synthesis
  • Unit Converter (Length, Weight, Temp, Storage)
  • Calculation History Tape & Memory Keys
Web Audio API JavaScript ES6 4 Themes CSS3
Launch Calculator
TASK 03

Developer Portfolio Site

Personal developer portfolio for Nikhil Rathor with interactive particle canvas, 3 themes, project specs modals, and live GitHub hub.

  • Dynamic Hero with Typewriter & Orbit Badges
  • Live GitHub Activity API Stats
  • Categorized Projects with 3D Tilt Cards
  • Contact Form with 1-Click Clipboard Copy
Canvas 2D GitHub API Glassmorphism HTML5 / CSS3
Launch Portfolio
TASK 04

AURA Hi-Fi Music Player

Next-gen web audio engine and streaming music player with live frequency spectrum visualizer and dynamic ambient glow.

  • Web Audio 32-Band Spectrum Visualizer
  • Dynamic Ambient Backlight Glow
  • Synchronized Lyrics & Spinning Vinyl Disc
  • Playlist Manager & Local Audio Importer
Web Audio API Canvas Visualizer HTML5 Audio JavaScript
Launch Music Player