headshot of Aniqa Project Directory

Hi, I'm Aniqa.

Developer based in New York City.

This page is a temporary directory for all the websites that I have designed and coded so far. The purpose for these projects are to practice my programming and design skills.

Twitter Github Linkedin Codepen Email

World Clock

Live Data Application

A fully responsive, minimalistic and sleek analog and digital time dashboard that features over 550 global timezones. Users can choose from the randomly generated list of 30 timezones or they can search through the dropdown. Additional data points are included for each selected timezone.

Travel Guide

Landing Page

A responsive landing page about New York City that serves as a travel guide. Packed with content in different grid and flex layouts along with subtle animations, and content toggling. Utilizes the DistanceTo API to provide flight times and distance to users.

Keyboard

Interactive Application

A responsive virtual keyboard with 8 unique styles (and 2 different keyboard lighting animations) that triggers on mouse clicks and keyboard presses along with a text area to write, copy and save Markdown content. Utilizes localStorage to save the user's theme preference and any Markdown content.

Weather

Live Data Application

A detailed light and dark mode dashboard with a complete overview of live weather conditions in the specified city. Option to toggle weather data between Celsius and Fahrenheit units. Sidebar with random major cities weather. Built using the OpenWeather API.

Omnifood

Landing Page

A full redesign of the original Omnifood website (fictional AI-based meal subscription service). Website utilizes a sticky navigation, hamburger menu, toggle switch, animations triggered by IntersectionObserver, and smooth scrolling.

Valorant

Landing Page

A simple landing page about the characters and maps found in the competitive tactical FPS game, Valorant. Website has a light and dark mode, uses a responsive grid and text overlays that appear on hover.

Hogwarts

Landing Page

A landing page about the fictional institution, Hogwarts, from the Harry Potter series. Utilizes CSS grids, flexbox, animations, form validation, if-else statements based on user inputs, and for loops to enable toggling between different content.