Projects in Awesome Lists by DrakeAlia
A curated list of projects in awesome lists by DrakeAlia .
https://github.com/drakealia/ui-chart
A coffee and tea bar chart that users can interact with. Recreating a Shadcn chart component and adding a unique spin to it.
framer-motion nextjs tailwind typescript
Last synced: 07 May 2026
https://github.com/drakealia/spotify-app
Learn by coding through a fun, project-based course full real-world design problems from front-end to back-end. You’ll build a music app with features like playlists, audio player, shuffle, and more! Use a modern stack of tools: React, Next.js, Typescript, and Postgres. Code reusable UI components, database schemas and migrations, API calls with serverless functions, and deploy it. Based on Scott Moss's course
charkra-ui heroku-deployment nextjs postgres prisma react typescript
Last synced: 14 Apr 2026
https://github.com/drakealia/realtime-chat-app
Full Stack Realtime Chat Messaging App with NextJS 13. Based on tutorial by Josh tried coding
Last synced: 17 Jun 2026
https://github.com/drakealia/airbnb-app
Full Stack Airbnb Clone with Next.js 13 Typescript, Tailwind, Prisma, MongoDB, NextAuth. Based on tutorial by Code With Antonio
Last synced: 20 Jun 2026
https://github.com/drakealia/intermediate-react-v5-redux
Intermediate React V5(Brian Holt)
Last synced: 18 May 2026
https://github.com/drakealia/rock-paper-scissors-game
How to create a Rock Paper Scissors game. This is a fun project that will give more practice working with the DOM. Based on Tenzin's Tutorial
Last synced: 21 Jun 2025
https://github.com/drakealia/js-scroll
Learning how to create a navbar that slides down when scrolling and then stays at a fixed position at a certain height. Based on John Smilga's js course
document-getelementbyid get-bounding-client-rect get-full-year slice window-to-scroll
Last synced: 19 Jul 2025
https://github.com/drakealia/discuss-njs
A post and create project based on NextJS course by Stephen Grider on Udemy
Last synced: 21 Jun 2026
https://github.com/drakealia/drag-animations
Tutorial for drag animations using framer motion in a Next.js app
Last synced: 17 Jun 2026
https://github.com/drakealia/intermediate-react-v5-testing
Intermediate React V5(Brian Holt)
Last synced: 18 May 2026
https://github.com/drakealia/framer-animated-layout
Project based on Matt Perry's tutorial
Last synced: 18 May 2026
https://github.com/drakealia/framer-motion-tutorial
All course files for the Framer Motion & React tutorial series on The Net Ninja YouTube channel. Cloned for practice purposes
Last synced: 05 Jun 2026
https://github.com/drakealia/js-two-counters
Learning how to create two separate counters that work on there own using either class or prototype functions. Based on John Smilga's js course
addeventlistener bind class prototype
Last synced: 05 Jul 2025
https://github.com/drakealia/flappy-bird-game
Building games are a fun way to learn more about JavaScript and will cover many popular JavaScript methods. Based on Ania Kubow's tutorial and game
Last synced: 22 Jul 2025
https://github.com/drakealia/dynamic-island
Implementation of Apple-style Dynamic Island animations, inspired by Emil Kowalski, built with Framer Motion. Features fluid state transitions and interactive UI components.
Last synced: 02 Apr 2025
https://github.com/drakealia/js-navbar
Learning how to create a responsive navbar that will show the hamburger menu for smaller devices. Based John Smilga's js course
add-event-listener class-list-toggle document-queryselector
Last synced: 23 Jul 2025
https://github.com/drakealia/js-sidebar
Learning how to create a sidebar with animation. Based on John Smilga's js course
add-event-listener class-list-remove class-list-toggle document-queryselector
Last synced: 29 Jul 2025
https://github.com/drakealia/3d-card-effect
A simple ui component from Aceternity ui
Last synced: 09 Aug 2025
https://github.com/drakealia/zapper-drake
My take on the Zapper for Defi website using react for practice purposes
Last synced: 23 Aug 2025
https://github.com/drakealia/js-menu
Learning how to make a restaurant menu page that filters through the different food menus. This is a fun project that will teach you higher order functions like map, reduce, and filter. Based on John Smilga's js course
arrays dom-content-loaded filter for-each includes innerhtml map objects reduce
Last synced: 23 Aug 2025
https://github.com/drakealia/nextjs-dashboard
Learning Next.js(Vercel)
authentication bycrypt dynamic-programming metadata nextjs performance postgresql seo tailwindcss typescript
Last synced: 10 Apr 2026
https://github.com/drakealia/digital-marketplace
Building an entire modern e-commerce marketplace for digital products using Next.js, typescript, and tailwind. Based on Josh Coding course
Last synced: 17 Jun 2026
https://github.com/drakealia/njs-toy-problems
Toy problems that I practice on or mess with
Last synced: 18 Jun 2026
https://github.com/drakealia/leetcode-njs13
Practicing in understanding and solving different kinds of leetcode problems
Last synced: 06 Oct 2025
https://github.com/drakealia/intro-nextjs-13-v2
Introduction to Next.js 13+, V2(Scott Moss)
Last synced: 21 Jul 2025
https://github.com/drakealia/js-random-user
Based on John Smilga's js course
Last synced: 18 May 2026
https://github.com/drakealia/framer-motion-gesture
Framer motion gesture example based on Matt Perry sandbox
Last synced: 01 Sep 2025
https://github.com/drakealia/js-comfy-store
Based on John Smilga's js course
Last synced: 10 Jul 2026
https://github.com/DrakeAlia/photo-animation
A photo deletion animation demo inspired by Emil Kowalski's work, showcasing smooth transitions using Framer Motion. This component demonstrates an elegant way to handle photo removal with intuitive user interactions, fluid animations, and a visually appealing trash animation sequence.
Last synced: 18 Apr 2025
https://github.com/drakealia/stock-simulator
Stock simulator component that can be reusable
Last synced: 11 Jun 2025
https://github.com/drakealia/intermediate-react-v5-tailwind-css
Intermediate React V5(Brian Holt)
Last synced: 14 Jul 2026
https://github.com/drakealia/family-drawer
A responsive animated drawer component inspired by Emil Kowalski, built with Framer Motion and Vaul
Last synced: 02 Apr 2025
https://github.com/drakealia/photo-animation
A photo deletion animation demo inspired by Emil Kowalski's work, showcasing smooth transitions using Framer Motion. This component demonstrates an elegant way to handle photo removal with intuitive user interactions, fluid animations, and a visually appealing trash animation sequence.
Last synced: 02 Apr 2025
https://github.com/drakealia/adopt-me-v8
Complete Intro to React V8(Brian Holt)
Last synced: 23 Aug 2025
https://github.com/drakealia/js-questions
Learning how to create a frequently asked questions page which educates users about a business and drives traffic to the website through organic search results. Based on John Smilga's js course
add-event-listener class-list-remove class-list-toggle document-queryselector for-each
Last synced: 07 Oct 2025
https://github.com/drakealia/js-modal
Learning how to create a modal window which is used on websites to get users to do or see something specific. Example being you can create a modal window that warns them to save their changes or else that information will be lost. Based on John Smilga's js course
add-event-listener class-list-add class-list-remove document-queryselector
Last synced: 09 Oct 2025
https://github.com/drakealia/doodle-jump-game
Building games are a fun way to learn more about JavaScript and will cover many popular JavaScript methods. Based on Ania Kubow's tutorial and game
Last synced: 11 Oct 2025
https://github.com/drakealia/leetcode
Problems and questions from LeetCode that I answer and try to master
Last synced: 12 Oct 2025
https://github.com/drakealia/snippets
A simple project based on a NextJS course by Stephen Grider on Udemy
Last synced: 18 Jul 2026
https://github.com/drakealia/framer-menu-underline
Project based on Matt Perry's tutorial
Last synced: 19 Mar 2026
https://github.com/drakealia/js-tabs
Learning how to create tabs that will display different content which is useful when creating single page applications. Based on John Smilga's js course
add-event-listener class-list-add class-list-remove foreach
Last synced: 28 Feb 2026
https://github.com/drakealia/text-animation
A minimal text compilation visualizer that smoothly transforms between development states
framer-motion nextjs15 typescript
Last synced: 21 Apr 2026
https://github.com/drakealia/js-stripe-submenus
Based on John Smilga's js course
Last synced: 05 Jun 2026
https://github.com/drakealia/njs-portfolio-site
Testing out a Nextjs portfolio for practices purposes
Last synced: 05 Jun 2026
https://github.com/drakealia/green-thumb
A smart indoor gardening system built with Next.js, Tailwind CSS, TypeScript, shadcn, and framer-motion
framer-motion nextjs shadcn-ui tailwind typescript
Last synced: 05 May 2026
https://github.com/drakealia/book-reviews
next-auth nextjs14 prisma shadcn-ui sqlite tailwindcss typescript
Last synced: 08 May 2026
https://github.com/drakealia/js-stopwatch
Building a stopwatch functionality using js and css
Last synced: 12 Jun 2026
https://github.com/drakealia/js-slider
Learning how to build an image slider that you can add to any website. Based on John Smilga's js course
add-event-listener for-each if-else query-selector-all
Last synced: 13 Jun 2026
https://github.com/drakealia/copilot-tests
Trying out copilot for different situations
Last synced: 13 Jun 2026
https://github.com/drakealia/intermediate-react-v5-code-splitting
Intermediate React V5(Brian Holt)
Last synced: 17 Jun 2026
https://github.com/drakealia/color-flipper
Learning how to create a random background color changer. This is a good project to get you started working with the DOM. Based on John Smilga's js course
add-event-listener array-length arrays document-body-style-backgroundcolor document-getelementbyid document-queryselector math-floor math-random
Last synced: 17 Jun 2026
https://github.com/drakealia/intermediate-react-v5-low-priority-rendering
Intermediate React V5(Brian Holt)
Last synced: 18 Jun 2026
https://github.com/drakealia/js-reviews
Learning how to create a carousel of reviews with a button that generates random reviews. Based on John Smilga's js course
add-event-listener array-length dom-content-loaded objects text-content
Last synced: 18 Jun 2026