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

AI Code Assistant

Chat Application

A simple but feature-rich coding assistance chat powered by AI with features that include pre-defined contexts (explain, refactor, debug and convert) to streamline the chat, built-in chat commands for enhanced guidance, automatic chat encoding, Prism.js syntax highlighting, downloadable chat history file optimized for printing and the ability to use the application as a PWA.

100 Days of CSS

Daily Code Challenge

My version of the 100 Days of CSS challenge, which includes extensive usage of animations, layout tricks, 3D transformations, SVG manipulations and interactive components - half written in pure CSS and half in SCSS. Each day includes a detailed README with notes on concepts I worked on. Compiled and bundled with a custom configuration using Webpack.

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 PWA support and a complete overview of live weather conditions for over 200K cities. 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.