Aman Singh Bhogal's Projects
Config files for my GitHub profile.
A fully functional ecommerce website showcasing a range of audio-related tech. Built using TypeScript, Next.js, Sanity CMS, GraphQL, Storybook, Tailwind CSS, Shadcn, Playwright, React Hook Form, Zod and Husky. This repo is currently under development.
A custom WordPress theme coded with HTML5, CSS3 (SCSS), JS, jQuery and PHP. This is currently under development.
A live cryptocurrency price which uses CoinGecko's API and .fetch() to return a list of 10 cryptocurrency units and their current value in USD.
A currency converter which leverages .fetch() and the ExchangeRate-API endpoint and allows the user to convert between two currencies which refresh every 24 hours. This repo is currently under development.
A WordPress theme created using template files and tutorials provided by FreeCodeCamp
A full-width footer with navigation links for a company (template.) This has been coded using vanilla HTML5 & CSS3 (SCSS) and is fully responsive, with a stylish, modern interface and optimised for the web.
A pair programming project which leverages the URL Shortening API and stores condensed URLs using Local Storage.
A bold, striking arts and life magazine website built as an SPA using Next.js, TypeScript, React Suspense, React Hook Form, Zod, Tailwind, Shadcn, GSAP and E2E Testing using Playwright from Figma templates designed by Pawel Gola.
:zap: Dynamically generated stats for your github readmes
An image editor which allows the user to import a picture and adjust it using different filters, including brightness, inversion, saturation and rotation. This has been coded using vanilla HTML5, CSS3 (SCSS) and JavaScript, is fully responsive and is optimized for the web.
A CRUD app which allows the user to create, review and update invoices, filter and toggle between light and dark mode. Built using Next.js, TypeScript, MongoDB, Tailwind CSS, Shadcn, Storybook, React Hook Form, Zod, Playwright and Husky. This repo is currently under development.
Course notes for the JavaScript course provided by freeCodeCamp entitled 'JavaScript Algorithms and Data Structures.' Notes from activites and exercises will be pushed to this repo to serve as a 'bank' of resources and future reference.
A simple demonstration of interacting with the Test Data API, including the conventional .then methods with a POST request and an async/await GET request.
An interactive tool which allows a user to select a color based on a hex value, then modify it live. This is a project part of the Scrimba course and is currently under development.
A simple mini project from a YouTube crash course which leverages the .fetch() API in JavaScript to pull a local image file in the directory into the body of a HTML document and handle asynchronous events using promises (async/await) to display it front-end.
A full screen navigation menu triggered by a hamburger icon toggle coded using vanilla HTML5, CSS3 (SCSS) and JavaScript. The menu is fully responsive and optimised for the web.
A project which measures how quick it takes the user to click the shape on the screen, then displays the time in seconds. A different shape and color is shown each time.
A To Do List app which allows the user to add and remove tasks. The app keeps track and saves tasks via Local Storage. Built using HTML5, CSS3 (SCSS), JS and Vite.
A weather app which uses .fetch() to return city weather data from the OpenWeather API. This also features a background image of the city searched. This repo has been built using HTML5, CSS3, SCSS and JS and bundled using Vite and deployed via Vercel.
A calculator web app created using HTML5, CSS3 (SCSS) and jQuery.
A form validation project created using HTML5, CSS (SCSS), JavaScript & jQuery
Source code for jQuery module in The Compete Web Developer Course 2.0
A project created using JSON with values leveraging fictional data of whisky products for an independent supplier.
Files from the Learning Git and Github course
A cryptocurrency application which uses Redux RTK Query to pull API data about current cryptocurrency values and news. The user can also search cryptocurrencies and view their ranking, price, market cap and % change as well as see the latest crypto-related news.
An e-commerce shop built using Next.js and Sanity CMS with a Stripe payment gateway. This repo is currently under development.
A Metaverse Madness site created using Next.js, Framer and Tailwind CSS from a Figma mockup and hosted on Vercel.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent