Skip to content

aniqatc/project-directory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

75 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“’ Project Directory

A directory showcasing all my completed and ongoing web development projects โ€” all designs and code are my own.

Tech

  • HTML
  • CSS
  • JavaScript
  • Masonry.js

Listings

๐Ÿค– AI Coding Assistance Chat

https://code.aniqa.dev/

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

https://css100.aniqa.dev/

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

๐Ÿ•ฐ๏ธ World Clock Application

https://clock.aniqa.dev/

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.

โœˆ๏ธ New York Travel Guide

https://nyc.aniqa.dev/

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.

โŒจ๏ธ Interactive Keyboard & Mini Markdown Editor

https://keyboard.aniqa.dev/

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 Dashboard

https://weather.aniqa.dev/

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

https://omnifood.aniqa.dev/

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

https://valorant.aniqa.dev/

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

https://hogwarts.aniqa.dev/

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.