Aman Singh Bhogal's repositories
Fyrre-Magazine
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.
Audiophile-E-Commerce-Website
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.
Personal-Portfolio-Site
A personal portfolio site created for the repo owner to showcase his projects, created using TypeScript, Next.js, API Routes, SWR, SASS, Framer Motion & Playwright.
Invoicing-App
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.
Vespi-Curated-Fashion-And-Lifestyle
A refined, luxury mens and womens fashion store and lifestyle journal built as an SPA using Next.js, TypeScript, Sanity Studio, Shopify, Stripe API, Storybook, React Hook Form, Zod, Tailwind CSS, Shadcn and E2E testing using Playwright from Figma templates created by Process Masterclass leader Nguyen Le. This repo is currently under development.
TypeScript-Shopping-Cart
An e-commerce site which allows the user to add, remove and update quantities of an item in a shopping basket using custom context and hooks. Built using React, TypeScript, Chakra UI and Vite.
Frontend-Mentor-URL-Shortening-Project
A pair programming project which leverages the URL Shortening API and stores condensed URLs using Local Storage.
Next.js-Cryptocurrency-App
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.
TypeScript-To-Do-List
A To Do application written in TypeScript which allows the user to add, check off and remove different tasks in the list. This has been compiled using Vite and is currently under development.
Cryptocurrency-Prices
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.
github-readme-stats
:zap: Dynamically generated stats for your github readmes
JavaScript-Algorithms-and-Data-Structures
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.
JavaScript-API-Requests
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.
JavaScript-To-Do-List
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.
Next.js-E-Commerce-Shop
An e-commerce shop built using Next.js and Sanity CMS with a Stripe payment gateway. This repo is currently under development.
Password-Strength-Checker
An online tool which checks the strength of the password entered and advises the user to create a 'strong' one if it is considered 'weak' or 'medium'. This leverages JavaScript regex, and is built using HTML5 and CSS3 (SCSS.)
React-Calculator
A modern, clean UI calculator built using React and styled using Chakra UI, with three different theme options.
React-Fundamentals
A simple repo showing different fundamentals and good practices in React, covering state management, passing children and functions to components via props and conditional rendering. Written in TypeScript and styled using Bootstrap.
React-State-Management
A comprehensive, practical study into the different types of React State Management, covering native, indirect and direct state management libraries.
React-Tech-Commerce.Js-Site
An eCommerce site which offers a range of technology products using Commerce.js (Headless CMS). The site allows customers to browse the items, switch between cart, checkout and home and add single or multiple products. A Stripe gateway is also configured (in test mode), directing them to the checkout and payment page, styled using Material UI.
React-Typescript-Project
A simple project which renders a list of item using React with Typescript, built using Vite.
REST-Countries-API-App
A React app which pulls data from the REST Countries API and displays further country information using dynamic routing. Built using TypeScript, SWR, Context API, Material UI, Playwright and Husky.
student-beans-frontend-task
A take home project for the mid-level role of JavaScript Engineer at Student Beans
TDD-With-RTL-and-Jest
A TDD project using React Testing Library and Jest (for comparisons)
Time-Tracking-Dashboard
A time tracking dashboard created as for a Frontend Mentor challenge, coded using vanilla HTML5, CSS3 (SCSS) and JS.
Venture-Stream-Responsive-Product-Carousel-Component
A responsive product carousel component created from mockups and assets provided as part of the interview process for Junior Developer at Venture Stream, using Web Components and Tailwind CSS.
Venture-Stream-Responsive-Product-Carousel-Component-JS-Alt
A responsive product carousel component created from mockups and assets provided as part of the interview process for Junior Developer at Venture Stream, using JS (functionally rendered elements) and SASS (with BEM)
Venture-Stream-Responsive-Product-Carousel-Component-React
A responsive product carousel component created from mockups and assets provided as part of the interview process for Junior Developer at Venture Stream, using React and Tailwind
Vertu-Motors-Interview-Web-Page
A single responsive web page adapted from mockups provided as part of the interview process for Front End Developer at Vertu Motors