Aman Singh Bhogal's Projects
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.
A contact form project coded using HTML5, CSS3, Bootstrap and PHP as part of the PHP section for The Complete Web Developer Course 2.0. This repo is currently under development.
Notes and practice from the PHP module of the The Complete Web Developer Course 2.0
A landing page for 'Airbnb Experiences' created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.) This repo is currently under development.
A responsive web page rendered using React, SASS & Webpack from a series of high-fidelity mockups created in Figma.
A modern, clean UI calculator built using React and styled using Chakra UI, with three different theme options.
A series of four digital business cards created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.)
A React form which validates data without a library (e.g. React-Hook-Form, Formik). This has been built using standard CSS and Vite.
A simple 'React Facts' page created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.)
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.
A single web page for an NFT-management platform and app called KRYPTO from mockups created in Figma.
Notes from the 'React' module of freeCodeCamp's Front-End Development Libraries course. These are not for app-builds, but files of syntax notes.
A responsive web page rendered using React, SASS & Webpack from a series of high-fidelity mockups created in Figma.
A password generator built using React which allows the user to generate a password from any combination of upper and lowercase characters, numbers and symbols and copy this to their clipboard.
A comprehensive, practical study into the different types of React State Management, covering native, indirect and direct state management libraries.
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.
A simple project which renders a list of item using React with Typescript, built using Vite.
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.
A responsive website built using the Tailwind CSS Framework and HTML5 for a fictional company as part of a challenge by Frontend Mentor and demonstrated by Traversy Media.
A TDD project using React Testing Library and Jest (for comparisons)
A time tracking dashboard created as for a Frontend Mentor challenge, coded using vanilla HTML5, CSS3 (SCSS) and JS.
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.
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.
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.
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)
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
A single responsive web page adapted from mockups provided as part of the interview process for Front End Developer at Vertu Motors
An admin dashboard designed for a specialist supplier in whiskey. This has been coded using vanilla HTML5, SCSS and JavaScript. The dashboard is fully responsive, with a dark/light mode which saves the user's configuration and optimised for the web.