Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Projects in Awesome Lists by asbhogal
A curated list of projects in awesome lists by asbhogal .
https://github.com/asbhogal/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.
context-api custom-hooks e2e e2e-tests eslint figma gsap next nextjs nextjs13 playwright react react-hooks react-server-components rsc shadcn shadcn-ui tailwind tailwindcss typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/personal-portfolio-site
A personal portfolio site created for the repo owner to showcase his projects, created using TypeScript, Next.js, Payload CMS, SASS, Framer Motion & Playwright.
developer-portfolio es6 eslint framer-motion next nextjs portfolio portfolio-project portfolio-site portfolio-website projects react reactjs sass scss single-page-app single-page-application single-page-applications spa typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
e2e ecommerce ecommerce-store next nextjs playwright react reactjs sanity sanity-studio sanitycms shadcn shadcn-ui shopify storybook stripe-api stripe-payments tailwind-css tailwindcss typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
a11y a11y-testing e2e e2e-tests fem frontend-mentor frontendmentor-challenge headless-cms husky nextjs playwright react react-server-components rsc sanity sanity-io sanity-studio shadcn-ui tailwindcss typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/invoicing-app
A full-stack application which allows the user to create, delete and update invoices, see data representations via charts and filter and toggle the data. Built using Next.js, TypeScript, MongoDB, Mongoose, GraphQL, Tailwind CSS, Shadcn, Storybook, React Hook Form, Zod, Playwright and Husky. This repo is currently under development.
a11y crud-api crud-application e2e full-stack graphql mongodb mongoose mongoose-schema nextjs playwright react react-hook-form shadcn-ui storybook tailwindcss typescript zod
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
algorithms data-structures data-structures-and-algorithms debugging dsa dsa-algorithm dsa-practice es6 freecodecamp functional-programming html5 javascript javascript-algorithms js object-oriented-programming oop
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-brand-responsive-web-page
A responsive web page rendered using React, SASS & Webpack from a series of high-fidelity mockups created in Figma.
brand figma figmatoreact git mockup react reactjs responsive responsive-design sass ui ui-design ux-ui webpack
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.)
css3 html5 javascript js password-checker password-strength regex regex-match regex-pattern sass scss vite
Last synced: 21 Jan 2025
https://github.com/asbhogal/frontend-mentor-url-shortening-project
A pair programming project which leverages the URL Shortening API and stores condensed URLs using Local Storage.
api api-rest css3 front-end-development frontend-mentor html5 javascript js pair-programming rest-api scss url-shortener vite
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-notes
Notes from the 'React' module of freeCodeCamp's Front-End Development Libraries course. These are not for app-builds, but files of syntax notes.
freecodecamp frontend javascript javascript-library js react reactjs
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
api crypto cryptocurrency eslint next nextjs playwright react reactjs redux redux-middleware redux-store redux-toolkit reduxtoolkit rest-api restful-api scss typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/footer-nav-bar
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.
css3 footer html5 parcel parcel-bundler scss theme
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
to-do-app to-do-list todo todoapp todolist ts typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/time-tracking-dashboard
A time tracking dashboard created as for a Frontend Mentor challenge, coded using vanilla HTML5, CSS3 (SCSS) and JS.
css3 dashboard front-end-development frontend-mentor functional-programming html5 json sass scss vite
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-oceanica-responsive-web-page
A responsive web page rendered using React, SASS & Webpack from a series of high-fidelity mockups created in Figma.
components figma figmadesign figmatoreact git mockups prototyping react reactjs sass templates vercel webpack
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-fun-facts-project
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.)
babel css3 figma freecodecamp freecodecamp-project front-end frontend html5 javascript postcss react scrimba scrimba-react scss webpack
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-airbnb-experiences-landing-page
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.
babel css3 figma freecodecamp freecodecamp-project front-end frontend html5 javascript js react scrimba scrimba-react scss webpack
Last synced: 21 Jan 2025
https://github.com/asbhogal/jquery-form-validation-project
A form validation project created using HTML5, CSS (SCSS), JavaScript & jQuery
Last synced: 21 Jan 2025
https://github.com/asbhogal/next.js-metaverse-madness-site
A Metaverse Madness site created using Next.js, Framer and Tailwind CSS from a Figma mockup and hosted on Vercel.
js metaverse metaversus next nextjs react reactjs tailwind tailwind-css tailwindcss turbopack turborepo vercel
Last synced: 21 Jan 2025
https://github.com/asbhogal/tailwind-css-website
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.
css3 html5 responsive tailwind tailwind-css tailwind-ui website website-design
Last synced: 21 Jan 2025
https://github.com/asbhogal/learning-git-and-gihub
Files from the Learning Git and Github course
Last synced: 21 Jan 2025
https://github.com/asbhogal/whiskey-supplier-admin-dashboard
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.
css3 dashboard html5 responsive sass scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/jquery-code-player-project
A live code player which allows the user to input HTML, CSS and/or JS in three separate windows then outputs this on the right. A project as part of the jQuery section of the Udemy course The Complete Web Developer Course 2.0 by Rob Percival
css3 development html5 javascript jquery scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/palindrome-checker
A simple tool which checks if a word entered is a palindrome or not (ie. one which reads the same backwards as frontwards e.g. level, refer) and created using vanilla HTML5 CSS3 (SCSS) and JavaScript.
css3 html5 javascript js palindrome palindrome-checker scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/json-mini-project
A project created using JSON with values leveraging fictional data of whisky products for an independent supplier.
Last synced: 21 Jan 2025
https://github.com/asbhogal/jquery-udemy-course
Source code for jQuery module in The Compete Web Developer Course 2.0
Last synced: 21 Jan 2025
https://github.com/asbhogal/jquery-calculator
A calculator web app created using HTML5, CSS3 (SCSS) and jQuery.
css3 html5 javascript jquery scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/javascript-full-screen-navigation-menu
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.
Last synced: 21 Jan 2025
https://github.com/asbhogal/javascript-reaction-tester-project
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.
Last synced: 21 Jan 2025
https://github.com/asbhogal/a11y-stack
Accessibility-focused, typesafe Next.js frontend framework stack, with Storybook, Tailwind CSS, Shadcn, Playwright, React Hook Form, Zod, Prettier, ES Lint and Husky.
a11y accessibility accessibility-checker accessibility-testing e2e eslint husky nextjs playwright prettier react react-hook-form shadcn-ui storybook tailwindcss testing typescript zod
Last synced: 08 Jan 2025
https://github.com/asbhogal/javascript-fetch-api-mini-project
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.
api fetch-api html5 javascript js
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
api crypto cryptocurrency css3 development fetch html5 javascript scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
api api-rest apis async async-await asynchronous asynchronous-programming fetch fetch-api get headers post try-catch
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-typescript-project
A simple project which renders a list of item using React with Typescript, built using Vite.
list react reactjs typescript typescript-project typescript-react
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
bootstrap bootstrap5 conditional-rendering prop-types react react-basics react-components react-fundamentals react-fundamentals-concepts reactjs state-management ts tsx typescript vite vitets
Last synced: 21 Jan 2025
https://github.com/asbhogal/php-course-notes-udemy
Notes and practice from the PHP module of the The Complete Web Developer Course 2.0
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-form-validation-no-libraries
A React form which validates data without a library (e.g. React-Hook-Form, Formik). This has been built using standard CSS and Vite.
nolibraries react react-form react-form-validation reactform reactjs refactor refactored refactoring validation
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-krypto-responsive-web-page
A single web page for an NFT-management platform and app called KRYPTO from mockups created in Figma.
babel crypto figma figmatoreact javascript js mockups nft nfts nfts-react-project react reactjs scss vite
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
Last synced: 21 Jan 2025
https://github.com/asbhogal/currency-converter
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.
Last synced: 21 Jan 2025
https://github.com/asbhogal/followandrew-freecodecamp
A WordPress theme created using template files and tutorials provided by FreeCodeCamp
Last synced: 21 Jan 2025
https://github.com/asbhogal/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)
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
a11y-testing api api-rest context-api cypress e2e front-end front-end-development frontend-mentor material-ui playwright react reactjs rest-api restful-api skeleton-loading swr tdd-react typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
chakra-ui custom-context custom-hooks e-commerce e-commerce-project ecommerce eslint localstorage react shopping-cart ts typescript vite
Last synced: 21 Jan 2025
https://github.com/asbhogal/javascript-brainpad-app
A notes application which allows users to quickly add new and delete notes, with titles, description and date created, featuring a dark/light mode toggle. This repo is currently under development.
api crud javascript js stateful-components stateless-components to-do-app to-do-list todoapp todolist
Last synced: 21 Jan 2025
https://github.com/asbhogal/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
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
api commerce-js commercejs ecommerce ecommerce-website javascript material-ui react react-hook-form react-router react-router-dom reactjs stripe stripe-payments typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-state-management
A comprehensive, practical study into the different types of React State Management, covering native, indirect and direct state management libraries.
context-api custom-hooks hooks jotai react react-hooks react-location react-query reactjs redux state-management use usecallback useeffect usememo usereducer useref usestate valtio zustand
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-color-shades-and-tints-generator
A color generator which creates a series of 10 shades and 10 tints in 10% increments from a base hex color and allows the user to copy the hex color to the clipboard. This repo is currently under development.
Last synced: 21 Jan 2025
https://github.com/asbhogal/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
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-calculator
A modern, clean UI calculator built using React and styled using Chakra UI, with three different theme options. This repo is under development.
calculator calculator-app custom jest react react-testing-library reactjs rtl tdd tdd-jest test-driven-development usereducer
Last synced: 21 Jan 2025
https://github.com/asbhogal/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.
javascript js todo todo-app todo-list todoapp todolist vanilla-javascript vanilla-js vite vitejs
Last synced: 21 Jan 2025
https://github.com/asbhogal/next.js-airbnb-clone
A full-stack clone of the Airbnb site, featuring bookings, reservations, filtering and user authentication. Built using Next.js with SASS, Prisma, MongoDB and Next Auth. This repo is currently under development.
airbnb mongodb mongodb-database next next-auth nextjs prisma sass scss tslint tsx typescript
Last synced: 21 Jan 2025
https://github.com/asbhogal/image-editor
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.
css3 html5 image-editor javascript js parcel parcel-bundler scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/javascript-color-tool
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.
color-changer css3 development html5 javascript js scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/php-contact-form
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.
bootstrap css3 development form-validation html5 javascript jquery php replit
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-password-generator
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.
babel css3 javascript js password-generator react react-hooks reactjs scss webpack
Last synced: 21 Jan 2025
https://github.com/asbhogal/the-malt-mind
Website for a fictional mockup subscription service called 'The Malt Mind', which specialises in offering bespoke whisky packages. This repo is currently under development.
css3 development html5 javascript js scss
Last synced: 21 Jan 2025
https://github.com/asbhogal/react-digital-business-cards
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.)
babel css3 figma freecodecamp freecodecamp-project front-end frontend html5 postcss react reactjs scrimba scrimba-react scss webpack
Last synced: 21 Jan 2025
https://github.com/asbhogal/coffee-stories
A custom WordPress theme coded with HTML5, CSS3 (SCSS), JS, jQuery and PHP. This is currently under development.
Last synced: 21 Jan 2025
https://github.com/asbhogal/tdd-with-rtl-and-jest
A TDD project using React Testing Library and Jest (for comparisons)
Last synced: 21 Jan 2025