Projects in Awesome Lists by CodeWithAlamin

https://github.com/codewithalamin/the-wild-oasis

Hotel management app - full-featured React web application that allows hotel employees to manage cabins, bookings, and guests.

codewithalamin front-end-development hotel-management-system react react-query reactjs the-wild-oasis wild-oasis

Last synced: 26 Apr 2025

https://github.com/codewithalamin/convayto

Convayto is a real-time chat app built with React.js and Supabase, offering user authentication, profile management, and chat functionalities.

chatapp chatting-app codewithalamin messenger-clone messenging-app reactjs real-time realtime realtime-chat realtime-database realtime-messaging supabase

Last synced: 26 Apr 2025

https://github.com/codewithalamin/interactive-comments-section

Nested comment section with Vanilla JS, utilizing MVC & Pub-Sub patterns. Ideal for practicing full-stack CRUD apps!

codepapa360 codewithalamin comment-section crud crud-application crud-functionality css frontend frontend-development frontend-mentor html javascript nested-comments nested-structures sass

Last synced: 26 Apr 2025

https://github.com/codewithalamin/friends-tvseries-site

Built entirely from scratch using only JavaScript – no frameworks or libraries involved. Enjoy all 'Friends' episodes.

codewithalamin friends-series friends-sitcom-page frontend frontend-app javascript movie-web-app movies-streaming vanilla-javascript

Last synced: 26 Apr 2025

https://github.com/codewithalamin/forkify-recipe-app

Built with JavaScript and API. Made it responsive and added some new features to make it even more user-friendly.

asynchronous-programming codepapa360 codewithalamin cooking cooking-apps es6-modules food-and-drink forkify forkify-api forking-projects front-end front-end-development healthy-eating javascript meal-planning object-oriented-programming recipe-search responsive-design web-app web-development

Last synced: 26 Apr 2025

https://github.com/codewithalamin/rest-countries

Explore countries worldwide: search, filter by region, and access detailed info – all in one interactive web app.

country-list frontend frontend-mentor frontendmentor-challenge rest-api rest-countries-api

Last synced: 26 Apr 2025

https://github.com/CodeWithAlamin/SimpliBank-landing-page

SimpliBank landing page made with some advanced DOM manipulation.

advance-javascript alamin-webdeveloper bankist bankist-app bankist-website codewithalamin css3 dom-manipulation html5 javacript javascript-dom javascript-dom-project jonas-schmedtmann jonas-schmedtmann-course simplibank

Last synced: 26 Apr 2025

https://github.com/codewithalamin/multi-step-form

Multi step form with React hook form, and Redux state management.

form-validation form-validation-js form-validation-react forms frontend-mentor frontendmentor-challenge react-hook-form reactjs styled-components

Last synced: 26 Apr 2025

https://github.com/codewithalamin/the-wild-oasis-booking

Hotel booking app - Next.js web app where customers can book cabins, manage bookings, and update profiles with Google sign-in and Supabase integration.

authjs fullstack-development hotel-booking-website nextauthjs nextjs nextjs14 the-wild-oasis wild-oasis

Last synced: 26 Apr 2025

https://github.com/codewithalamin/codewithalamin

I'm a front-end web developer. Creating clean, engaging web experiences with efficiency and precision. Let's create something exceptional together.

alamin-portfolio alamin-webdeveloper codepapa360 codewithalamin coding config css css3 front-end-development frontend github-config html javascrippt javascript portfolio programming ui-design webdeveloper

Last synced: 26 Apr 2025

https://github.com/codewithalamin/space-tourism-website

Multi-page website - explore destinations, meet the crew, and dive into technologies | Space tourism multi-page website solution.

frontend-app frontend-mentor frontendmentor-challenge reactjs

Last synced: 26 Apr 2025

https://github.com/codewithalamin/interactive-rating-component

This is a solution to the Interactive rating component challenge on Frontend Mentor.

accessibility alamin beginner-friendly codepapa360 codewithalamin dom-manipulation event-listeners front-end-development frontendmentor interactive-web-development javascript rating-component responsive-design user-interface-design

Last synced: 19 Apr 2025

https://github.com/codewithalamin/ip-address-tracker

A responsive web app built with Leaflet library, TypeScript, Sass, and HTML. You can track IP addresses and domains

codepapa360 codewithalamin css frontend-development frontendmentor-challenge html5 javascript webdevelopment website

Last synced: 26 Apr 2025

https://github.com/codewithalamin/faq-accordion-card

Responsive and interactive FAQ accordion card solution for Frontend Mentor project.

animations-and-transitions codepapa360 codewithalamin css dark-theme dom-manipulation faq-card frontend-development html javascript responsive-design user-interface web-development

Last synced: 19 Apr 2025

https://github.com/codewithalamin/base-apparel

Base Apparel coming soon page design challenge on Frontend Mentor.

codepapa360 codewithalamin coming-soon-page css design-challenge email-validation frontend-development html javascript responsive-design web-development

Last synced: 19 Apr 2025

https://github.com/codewithalamin/tip-calculator-app

A simple and easy-to-use tip calculator app that helps you calculate the tip for your restaurant bill.

codepapa360 codewithalamin css frontend-mentor frontend-web frontend-webdevelopment frontendmentor-challenge html javascript javascript-applications sass tip-calculator tip-calculator-app

Last synced: 19 Apr 2025

https://github.com/codewithalamin/react-todo-app

Interactive Todo App built with React and Redux Toolkit.

frontend-mentor reactjs to-do-list-app todo-app todoapp todolist

Last synced: 26 Apr 2025

https://github.com/codewithalamin/bankinst-app

This is a simple bankist app I just made after learning some JavaScript from Jonas Schmedtmann's course.

bankist-app codewithalamin css3 html-css-javascript html5 javascript javascript-challenges javascriptapp jonas-schmedtmann jonas-schmedtmann-course learning-javascript webapp website

Last synced: 19 Apr 2025

https://github.com/codewithalamin/glassy-login-form

This is a modern Glassy blurred background login form.

blacklivesmatter codepapa360 codewithalamin coding-challenge css front-end front-end-development frontend glassmorphism-blur glassmorphism-css html5 login-form portfolio programming programming-challenges signin-page ui-design webdesign webdevelopment website

Last synced: 19 Apr 2025

https://github.com/codewithalamin/advice-generator-app

Generate random quotes of advice with the Advice Slip API.

advice-api advice-generator advice-generator-app adviceslip-api codepapa360 codewithalamin css front-end-development frontend frontend-mentor html javascript javascript-vanilla quote-generator sass

Last synced: 19 Apr 2025

https://github.com/codewithalamin/intro-signup-form

Responsive sign-up form with form validation using JavaScript.

codepapa360 codewithalamin css forms frontend html javascript responsive-design validation web-development

Last synced: 26 Feb 2025

https://github.com/codewithalamin/newsletter-signup-form

A responsive newsletter sign-up form with validation and success/error messaging using HTML, Sass, and JavaScript.

codepapa360 codewithalamin css frontend frontend-mentor frontend-web html javascript

Last synced: 26 Feb 2025

https://github.com/codewithalamin/huddle-landing-page-with-curved-sections

Huddle landing page with curved sections solution

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end-development frontend frontend-mentor-challenge html javascript landing-page portfolio programming-challenges webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/chat-app-css-illustration

This is a solution to the Chat app CSS illustration challenge on Frontend Mentor.

blacklivesmatter codewithalamin css css3 html javascript ui-design webdesign webdeveloper webdevelopment website

Last synced: 26 Feb 2025

https://github.com/codewithalamin/article-preview-component

This is my solution for the Article Preview Component challenge on Frontend Mentor.

codepapa360 codewithalamin css dark-mode frontend-development html javascript responsive-design ui-design ux-design web-accessibility web-development

Last synced: 26 Feb 2025

https://github.com/codewithalamin/clipboard-landing-page

Clipboard landing page challenge on Frontend Mentor

blacklivesmatter codewithalamin coding-challenge css css3 frontend html javascript portfolio programming-challenges uidesign webdesign webdeveloper webdevelopment website

Last synced: 26 Feb 2025

https://github.com/codewithalamin/hosting-site-landing-page

A hosting landing site

blacklivesmatter codewithalamin coding-challenge css html html-css-javascript javascript programming static-site webdesign website

Last synced: 26 Feb 2025

https://github.com/codewithalamin/fast-react-pizza-app

Fast React Pizza app built with React, React Router, Redux Toolkit and Tailwind CSS.

codewithalamin ecommerce ecommerce-website food-delivery-application pizza-app react-app react-pizza-app

Last synced: 26 Feb 2025

https://github.com/codewithalamin/huddle-landing-page-introductory-section

Huddle landing page with a single introductory section solution

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end front-end-development frontend frontend-mentor html javascript portfolio programming programming-challenges ui-design webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/fylo-landing-page-with-two-column-layout

Fylo landing page with two column layout solution solution

blacklivesmatter codewithalamin coding-challenge coding-test webdesign webdeveloper webdevelopment website

Last synced: 26 Feb 2025

https://github.com/codewithalamin/alamin-portfolio-website

I'm a front-end web developer. Creating clean, engaging web experiences with efficiency and precision. - CodeWithAlamin

alamin-portfolio codepapa codepapa360 codewithalamin coding css html html-css-javascript javascript portfolio programming webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/coding-bootcamp-testimonials-slider

A responsive coding bootcamp testimonials slider built with HTML, CSS, and JavaScript.

codepapa360 codewithalamin coding-bootcamp frontend-development frontend-mentor responsive-layout testimonial-slider web-design

Last synced: 26 Feb 2025

https://github.com/codewithalamin/age-calculator-app

An Age Calculator app that allows users to input their birth date and calculate their age. Built as a challenge project for Frontend Mentor.

age-calculator beginner-friendly codepapa360 codewithalamin css date-calculator front-end-development frontend-mentor frontendmentor html javascript sass web-development

Last synced: 26 Feb 2025

https://github.com/codewithalamin/interactive-pricing-component

A responsive web design project with pricing component using HTML, CSS, and vanilla JavaScript.

codepapa360 codewithalamin css front-end frontend-mentor html javascript web-development

Last synced: 26 Feb 2025

https://github.com/codewithalamin/four-card-feature-section

Four card feature section solution

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end front-end-development frontend frontend-mentor html javascript portfolio programming programming-challenges ui-design webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/CodeWithAlamin/Rock-Paper-Scissors

A Rock-Paper-Scissors game built with React, TypeScript, and Framer Motion. Enjoy a clean, interactive experience with smooth animations

codewithalamin framer-motion framermotion frontend frontend-app frontend-mentor frontendmentor-challenge rock-paper-scissors rock-paper-scissors-game typescript

Last synced: 09 Feb 2025

https://github.com/codewithalamin/profile-card-component

Frontend Mentor - Profile card component solution

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end front-end-development frontend frontend-mentor html javascript portfolio programming programming-challenges ui-design webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/qr-code-component

This is a solution to the QR code component challenge on Frontend Mentor.

css front-end front-end-development frontend-mentor html webdesign webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/stats-preview-card-component-solution

Stats preview card component solution - Frontend Mentor

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end front-end-development frontend frontend-mentor html javascript portfolio programming programming-challenges ui-design webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/fylo-data-storage-component

This is a solution to the Fylo data storage component challenge on Frontend Mentor.

codewithalamin frontendmentor-challenge

Last synced: 26 Feb 2025

https://github.com/codewithalamin/rock-paper-scissors

A Rock-Paper-Scissors game built with React, TypeScript, and Framer Motion. Enjoy a clean, interactive experience with smooth animations

codewithalamin framer-motion framermotion frontend frontend-app frontend-mentor frontendmentor-challenge rock-paper-scissors rock-paper-scissors-game typescript

Last synced: 07 Apr 2025

https://github.com/codewithalamin/time-tracking-dashboard

An interactive time tracking dashboard for efficient productivity management and tracking daily, weekly, and monthly activities.

codepapa360 codewithalamin css3 dashboard frontend frontendmentor javascript responsivedesign

Last synced: 19 Apr 2025

https://github.com/codewithalamin/sticky-circle-animation

Sticky circle animation of SeamlessHR home page.

animation blacklivesmatter challenge codepapa360 codewithalamin coding-challenge cool-animations css-animation css-design css3 html html5 seamless seamlesshr webdevelopment website

Last synced: 19 Apr 2025

https://github.com/codewithalamin/neumorphism-login-form

A beautiful neumorphism login form.

codepapa360 codewithalamin css css3 html html5 javascript login login-forms login-page neumorphism neumorphism-designs neumorphism-styling-concept neumorphism-ui signin-form signin-page ui-design

Last synced: 19 Apr 2025

https://github.com/codewithalamin/news-homepage

News homepage is an excellent opportunity to practice CSS Grid skills. There are lots of tricky decisions to make and plenty of learning opportunities!

alamin-portfolio codepapa360 codewithalamin coding coding-challenges css front-end-development frontend frontend-mentor frontend-mentor-challenge html news-homepage portfolio programming programming-challenge webdesign webdeveloper webdevelopment

Last synced: 19 Apr 2025

https://github.com/codewithalamin/interactive-card-details-form

A responsive card details form with real-time updates, error handling, and interactive states, built with HTML, CSS, and JavaScript.

codewithalamin css form-validation formal-verification html5 javascript webpack

Last synced: 19 Apr 2025

https://github.com/codewithalamin/mapty-app

Mapty project with Object Oriented Programming.

100daysofcode blacklivesmatter codewithalamin css3 html-css-javascript html5 javascript jonas-schmedtmann jonas-schmedtmann-course mapty mapty-application mapty-challenge object-oriented-programming oop programming webdev webdevelopment website

Last synced: 19 Apr 2025

https://github.com/codewithalamin/ping-coming-soon-page

Ping coming soon page design challenge on Frontend Mentor. The main challenge was to recreate the design as accurately as possible with email validation.

codepapa360 codewithalamin coming-soon-page css design-challenge email-validation frontend-development html javascript responsive-design web-development

Last synced: 19 Apr 2025

https://github.com/codewithalamin/huddle-alternating-feature-blocks-landing-page

Frontend Mentor - Huddle landing page with alternating feature blocks solution

codewithalamin coding-challenges css3 html javascript portfolio programming-challenges webdesign website

Last synced: 26 Feb 2025

https://github.com/codewithalamin/usepopcorn

Discover, rate, and track your favorite movies with usePopcorn. This React-based web app features a responsive design, intuitive interface, and interactive movie rating.

codewithalamin movie-rating-app movie-web-app movies-app-react usepopcorn usepopcorn-v2

Last synced: 26 Feb 2025

https://github.com/codewithalamin/shopify-landing-page-design

Shopify trial page design clone

codepapa360 codewithalamin front-end frontend landing-page shopify shopify-landing-page uidesign webdesign

Last synced: 26 Feb 2025

https://github.com/codewithalamin/simple-3-column-preview-card

This is a challenge from a site named "frontendmentor". I tried to duplicate the designs as much as I could as a beginner.

codewithalamin frontendmentor-challenge

Last synced: 26 Feb 2025

https://github.com/codewithalamin/social-proof-section

This is a solution to the Social proof section challenge on Frontend Mentor

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end front-end-development frontend frontend-mentor html javascript portfolio programming programming-challenges ui-design webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/pixel-to-rem-converter

A simple web tool for converting pixel values to rem units and vice versa.

codewithalamin converter frontend frontend-app javascript pixel-to-rem pixel-to-rem-converter

Last synced: 26 Feb 2025

https://github.com/codewithalamin/results-summary-component

Completed a FrontendMentor challenge building a responsive web page with a dark mode toggle feature using HTML, CSS, and JavaScript.

codepapa360 codewithalamin css3 dark-mode frontend frontend-development frontend-mentor-challenge html javascript responsive-web-design sass web-development

Last synced: 26 Feb 2025

https://github.com/codewithalamin/testimonials-grid-section-layout

This is a solution to the Testimonials grid section challenge on Frontend Mentor

Last synced: 26 Feb 2025

https://github.com/codewithalamin/facebook-signup-form

Facebook signup form using only HTML and CSS

Last synced: 11 Jun 2025

https://github.com/codewithalamin/job-listings-with-filtering

Filter jobs based on role, level, languages, and tools. Build with HTML, CSS, and Vanilla JavaScript.

codepapa360 codewithalamin css front-end-development frontend frontend-mentor html javascript job-listings job-listings-filter joblisting sass vanilla-javascript vite vitejs web-development

Last synced: 26 Feb 2025

https://github.com/codewithalamin/nft-preview-card-component

NFT preview card component solution - Frontend Mentor

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end front-end-development frontend frontend-mentor html javascript portfolio programming programming-challenges ui-design webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/pig-game

My first simple game that i made while learning Javascript.

codewithalamin css3 html javascript javascript-game javascript-practice javascriptgame js webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/pizzaman

Pizza resturant landing page.

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges css front-end-development frontend html javascript landing-page portfolio programming resturant-app resturant-template ui-design webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/project-tracking-intro-component

Minimalist project tracking intro component built with HTML, CSS, and JavaScript.

codepapa360 codewithalamin css frontend-web frontendmentor html javascript

Last synced: 26 Feb 2025

https://github.com/codewithalamin/notification-page-design

This is a solution to the Notifications page challenge on Frontend Mentor.

blacklivesmatter codepapa360 codewithalamin coding coding-challenge coding-challenges coding-test css front-end-development frontend frontend-mentor frontend-mentor-challenge html portfolio programming programming-challenges webdesign webdeveloper webdevelopment

Last synced: 26 Feb 2025

https://github.com/codewithalamin/facebook-signin-page

Facebook signin form using only HTML and CSS

Last synced: 26 Feb 2025

https://github.com/codewithalamin/expenses-chart-component

Expenses chart component is a responsive and visually appealing component built using HTML, CSS, and JavaScript. This project is part of the Frontend Mentor challenges.

codewithalamin frontendmentor-challenge

Last synced: 26 Feb 2025