frontend-project

There are 37 repositories under frontend-project topic.

• smthari / Frontend-Projects

  Frontend Project With Tutorial And Source Code

  front-end-developmentfront-end-developmentsfront-end-projectfrontendfrontend-developerfrontend-projectfrontenddevfrontenddeveloperweb-development-project
  Language:HTML 328

• catherineisonline / all-projects-directory

  👩‍💻 This repository serves as a directory that helps you easily navigate through my other repositories and view the various projects I have completed.

  frontend-developmentfrontend-projectfrontend-projectsjunior-developerjunior-projectpersonal-projectsproject-ideasprojectsprojects-listweb-developmentweb-development-project
  131

• Armanidrisi / frontend-projects

  This repository contains a collection of frontend. Each project is built using HTML, CSS, and JavaScript.

  cssfornt-endfront-endfrontendfrontend-projectfrontend-projectshtmlhtml-css-javascripthtml-css-javascript-projectjavascript
  Language:CSS 122
• Youtube-Clone

  ShakirFarhan / Youtube-Clone

  A YouTube clone built with React JS, Redux, Tailwind CSS, and a Rapid API.

  clone-websiterapidapireactjsreduxredux-toolkityotubeyoutube-apireactprojectsreact-projectsvideo-streamingfrontend-projectyoutube-clone
  Language:JavaScript 90

• Himanshur25 / job-portal

  This website is all about searching the top jobs from top-reputed companies all over the world. It has additional functionalities of searching and filter jobs on based of their job role or experience. Further more it has a form where a company user who wants to add their job on to our site can fill the form and add it. Next, it has an option where

  jobjob-websitejob-portalreactreact-websitejob-website-using-reactfrontendfrontend-projectcms-backendsanity-io
  Language:JavaScript 44
• mate-match

  kirkwat / mate-match

  This full-stack web application allows users to find new roommates tailored to their preferences.

  axiosbootstrapexpressknexnodejsreactawsaws-cloudaws-sdkbackend-developmentframework-javascriptfrontend-developmentfrontend-projectfullstack-developmentjavascript-projectsmysqlweb-dev
  Language:JavaScript 38

• codeaashu / Visionary-Architects

  Modern Responsive Website Design of Architects Company who achieve mystery in the Architects design & creating environments where innovation meets tradition, and their design transcend imagination...

  architecture-designcollege-projectcss-frameworkcss-librarycss3frontend-projectgithubhtml-css-javascripthtml5javascriptjavascript-frameworkjavascript-libraryjavascript-projectwebdesignwebdevelopmentwebdevelopment-projectwebsite-designarchitects-website-designarchitectural-websitevisionary-architects
  Language:JavaScript 34

• YT-PixelPerfectLabs / animated-bottle-scroll

  A high-end product showcase built with GSAP ScrollTrigger, featuring scroll-based bottle animations, pin transitions, and a responsive vintage-style layout. Smooth, interactive, and crafted for modern frontend storytelling.

  frontend-projectgsapjavascriptproduct-pageresponsive-designscroll-animationsscrolltriggerui-animationvintage-uiweb-animation
  Language:CSS 32

• codeaashu / HEALTH-CARE

  Create an impressive and user-friendly Health Care Website Landing Page from scratch using HTML and CSS.

  frontend-projectgithub-pageshealthcarehealthcare-websitehtml-csshtmlcsswebdevelopmentwebsite-design
  Language:HTML 31

• Himanshur25 / restaurant-management-system

  frontend-projectmernreactjsrestaurant-management-systemrestaurant-websiteresstaurant-frontendrestaurant-using-mern
  Language:JavaScript 29

• codeaashu / LINKED

  LINKED is a redesign & clone website of ceipal.com that focuses on providing comprehensive talent acquisition solutions.

  frontend-projectgithubgithub-pageshtml-css-javascriptlinkedweb-designweb-developmentgithub-top-projectproject-linked
  Language:HTML 21

• codeaashu / Wahlburgers-The-Double-Decker

  Create an Wahlburgers : The Double Decker Website design which is attractive and user-friendly Landing Page from scratch using HTML , CSS & JS.

  burger-menufood-websitefood-website-homepagefrontend-projecthtml-csswebdevelopmentwebsite-designburger-website
  Language:HTML 21

• Venkateeshh / Js-Language-Translator

  "Explore this simple language translator web app built with HTML, CSS, and JavaScript. Translate text seamlessly using Google Translate API."

  frontend-projecthtml-css-javascriptjavascript-projectopen-source
  Language:JavaScript 21
• Pexelicons

  vinodjangid07 / Pexelicons

  Pexelicons: Custom 📁 Folder Icons

  csscss3custom-iconscustomizationfrontendfrontend-projectfrontend-projectshtmlhtml-css-javascripthtml5ico-filesjavascript-projectspersonalizationproject-repositoryuiui-designuser-interfaceux-ui
  Language:HTML 20

• codeaashu / CALCULATOR-only-HTML-CSS

  Creating Responsive & Stunning CALCULATOR using HTML & CSS.

  calculatorcalculator-applicationfrontend-projectgithub-pageshtml-cssonly-html-cssprogrammingwebdevelopmentcalculator-html-css
  Language:HTML 19

• all-my-frontend-mini-projects / IP-address-tracker_frontend_project

  Discover the location, timezone, and ISP of any IP address with the IP Address Tracker! This webpage allows users to view the optimal layout for each page depending on their device's screen size, see hover states for all interactive elements on the page, and even find their own IP address on the map on the initial page load.

  cssfrontend-projecthtmlmern-stacknextjsnodejsreactjsresponsivevanilla-javascript
  Language:CSS 16

• all-my-frontend-mini-projects / URL-shortening-API_frontend_project

  Welcome to Shortly, the URL shortening app! Users can view the optimal layout for the site depending on their device's screen size and enjoy seamless URL shortening and management.

  beginner-friendlycssdesign-to-websitefrontend-projecthtmlmern-stacknextjsnodejsreactjsresponsivevanilla-javascriptweb-design
  Language:CSS 16

• all-my-frontend-mini-projects / Room-homepage_frontend_project

  Explore the elegant and inviting world of interior design with the Room homepage. Discover affordable plans and captivating designs tailored to your taste. Now available with an interactive slider layout with hover states for user convinience and maximum engagement!!

  cssfrontend-projecthome-pagehtmlmern-stack-projectnextjsnodejsreactvanilla-javascript
  Language:CSS 14

• all-my-frontend-mini-projects / Huddle-landing-page_frontend_project

  Welcome to the Huddle Landing Page project, a modern and responsive landing page for the Huddle website. Users can seamlessly view the optimal layout for the site depending on their device's screen size and experience hover states for all interactive elements on the page. Explore the sleek design of the Huddle Landing Page today!

  beginner-friendlycssfrontend-projecthtmllanding-pagemern-stacknodejsreactvanilla-javascript
  Language:HTML 13

• all-my-frontend-mini-projects / Interactive-rating-component_frontend_project

  Gather valuable feedback from your users with our interactive Rating Component! This frontend component allows users to select and submit a number rating on a scale from 1 to 5, and view a 'Thank you' card state after submitting a rating.

  beginner-friendlycssfrontend-projecthtmlmern-stacknextjsnodejsrating-systemreactjsresponsivevanilla-javascript
  Language:CSS 13

• all-my-frontend-mini-projects / huddle-landing-page-introductory-section_frontend_project

  Introducing the Huddle Landing Page with Introductory Section project, a landing page for the Huddle website featuring an introductory section. Explore the modern design of the Huddle Landing Page with Introductory Section project today!

  cssfrontend-projectfundamentalhtmllanding-pagemern-stacknextjsnodejsreactjsvanilla-javascriptweb-development
  Language:CSS 12

• all-my-frontend-mini-projects / interactive-card-form_frontend_project

  Welcome to the Interactive Card Details Form project, a beautifully designed form component of a banking website's landing page. Experience the optimal layout depending on your device's screen size and see hover, active, and focus states for interactive elements on the page. Explore the Interactive Card Details Form today!

  cssformfrontend-projecthtmlmern-stacknextjsnodejsreactresponsivevanilla-javascriptweb-design
  Language:CSS 12

• all-my-frontend-mini-projects / Intro-section-with-dropdown-navigation_frontend_project

  Explore our website seamlessly with the Intro Section featuring Dropdown Navigation! This component allows users to view the relevant dropdown menus on desktop and mobile when interacting with the navigation links, ensuring an optimal layout for the content depending on their device's screen size.

  beginner-friendlycssfrontend-projecthtmlmern-stacknextjsnodejsreactjsresponsivevanilla-javascript
  Language:CSS 11

• all-my-frontend-mini-projects / Social-links-profile_frontend_project

  Present all your social media profiles in one place with the Social Links Profile Component. Engage your audience and boost your online presence with this sleek and interactive card. Now available with an interactive and responsive layout for maximum user convinience and engagement!!

  cssfrontend-projecthtmlmern-stack-developmentnextjsnodejsreactresponsivevanilla-javascript
  Language:JavaScript 11

• TranHuuDat2004 / Umaru-Chan

  A simple website animation created with HTML, CSS, and JavaScript.

  csscss-animationfrontend-projecthtmljavascript
  Language:JavaScript 11

• all-my-frontend-mini-projects / Manage-landing-page_frontend_project

  Explore the power of data analytics with Manage Landing Page! This webpage provides companies with data analytics tools for analyzing website traffic, helping them create products that better fit the market and are loved by customers. The newsletter sign-up form includes error validation to ensure that users provide valid input.

  cssfrontend-projecthtmllanding-pagemern-stacknextjsnodejsreactresponsivevanilla-javascript
  Language:CSS 10

• all-my-frontend-mini-projects / Order-summary-component_frontend_project

  Get a quick overview of your order before making the final payment with the Order Summary Component! This component, part of the checkout page of an e-commerce website, displays the order summary of the user about the payment to be done to buy their desired plan on a music streaming website.

  cssfrontend-projecthtmlmern-stacknextjsnodejsorder-summaryreactresponsivevanilla-javascript
  Language:CSS 10

• all-my-frontend-mini-projects / Ping-coming-soon-page_frontend_project

  Get ready for the launch of Ping with this sleek and modern coming soon page! Users can view the optimal layout for the site depending on their device's screen size, see hover states for all interactive elements on the page, and submit their email address using an input field.

  coming-soon-pagecssfrontend-projecthtmlmern-stacknextjsnodejsreactjsresponsivevanilla-javascript
  Language:CSS 10

• all-my-frontend-mini-projects / Rest-countries-api-with-color-theme-switcher_frontend_project

  Discover countries around the world with the Rest Countries API, featuring a color theme switcher for personalized browsing. Users can see all countries from API on homepage, search for countries, filter them by region, click on a country's flag to see more information about it and much more. Now with feature to toggle between light and dark mode!!

  color-switchercssfrontend-projecthtmlmern-stacknextjsnodejsreactresponsivevanilla-javascriptweb-design-to-website
  Language:JavaScript 10

• all-my-frontend-mini-projects / Time-tracking-dashboard_frontend_project

  Track your time efficiently and improve your productivity with the Time Tracking Dashboard. Switch between daily, weekly, and monthly stats effortlessly and experience convinience at your doorstep with this time tracking dashboard so you never miss out on your daily consistency!!

  beginner-friendlycssfrontend-projecthtmlmern-stacknextjsnodejsreactresponsive-layoutvanilla-javascript
  Language:CSS 10

• TranHuuDat2004 / analog-clock

  A simple analog clock created with HTML, CSS, and JavaScript.

  analog-clockcsscss-animationfrontend-projecthtmljavascript
  Language:HTML 10

• all-my-frontend-mini-projects / Single-price-grid-component_frontend_project

  Showcase your subscription plans in a clean and stylish grid layout with the Single Price Grid Component. Engage your users with clear pricing and feature details.

  cssfrontend-projecthtmlmern-stacknextjsnodejsreactvanilla-javascriptgridbox-component
  Language:CSS 9

• all-my-frontend-mini-projects / Stats-preview-card-component_frontend_project

  Welcome to the Stats Preview Component Card project, a component of a website dedicated to helping new founders make business decisions by tracking all the data analytics regarding customers. Users can view the optimal layout depending on their device's screen size. Dive into the world of data analytics today!

  cssfrontend-projecthtmlmern-stacknextjsnodejsreactjsresponsivevanilla-javascript
  Language:CSS 9

• all-my-frontend-mini-projects / Sunnyside-agency-landing-page_frontend_project

  Experience the vibrant and dynamic world of marketing and brand enhancement with the Sunnyside Agency landing page. Discover innovative solutions to elevate your brand's social presence and expand its reach.

  cssfrontend-projecthtmlmern-stacknextjsnodejsreactresponsive-design-layoutvanilla-javascript
  Language:CSS 9

• all-my-frontend-mini-projects / Testimonials-grid-section_frontend_project

  Explore the testimonial grid section, showcasing user testimonials in a unique structured 2-dimensional grid manner. This component helps website display various testimonials in a structured grid manner which looks visually pleasing and is responsive at the same time for the convinience of the user!

  cssdesign-to-websitefrontend-projectgridbox-layouthtmlmern-stacknextjsnodejsreactresponsive-designvanilla-javascript
  Language:HTML 9

• all-my-frontend-mini-projects / Todo-app_frontend_project

  Manage your tasks efficiently with our interactive Todo List app! This app allows user to effortlessly add delete edit or clear TODOs and has bonus features like reordering items in the list by drag and drop, and is available in both light and dark theme. Be consistent in what you do using this app and enjoy customatization at your fingertips!☺️

  beginner-friendlycssfrontend-projecthtmlmern-stacknextjsnodejsreactjsresponsivevanilla-javascript
  Language:JavaScript 9