Back to projects

JavaScript Lab

A collection of 13 JavaScript mini apps and UI experiments, with live demos and source code.

Overview

JavaScript Lab brings together projects I worked on while learning and practising JavaScript. The collection includes small applications, interactive interfaces, and exercises covering DOM manipulation, events, forms, and browser storage.

Each project has a screenshot, a short description, and links to its live demo and source code.

I built the JavaScript projects and the collection website, including the interfaces, application logic, and responsive layouts.

Key Features

  • 13 projects with screenshots and descriptions
  • Live demo and source-code links for each project
  • Responsive layout for desktop, tablet, and mobile
  • Visible keyboard focus on links
  • Compressed images with lazy loading
  • Project cards generated from a single JavaScript data list

Included Projects

Car Booking, Budget App, ToDo List, Bookmarker, Drum Kit, JavaScript Exercises, Menu, Review Slider, Video, Color Flipper, Lorem Ipsum, Fire Cursor, and Counter.

Demo Notes

  • Car Booking uses simulated routes and prices. No bookings or payments are processed.
  • Budget App data resets when the page is refreshed.
  • ToDo List and Bookmarker save data in the browser.
Roqaya Mourad ยท Frontend Engineer