Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with frontenddevelopment

A curated list of projects in awesome lists tagged with frontenddevelopment .

https://github.com/swamithedev/profile_card

🌟 Introducing the Profile Card project! Unveil my skills and discover my social media presence with mesmerizing glassmorphism and neumorphism effects. 🌈 Experience a responsive design and a user-friendly interface.

developer frontend frontend-web frontenddevelopment frontendproject innovation profile profile-card profile-card-component profilecard swaminathanselvam swamithedev

Last synced: 19 Apr 2025

https://github.com/opencodechicago/html-css_fundamentals_part2

This repository delves into the box model, flexbox, and key layout techniques in CSS. We explored margin, padding, and the differences between content-box and border-box. Additionally, we introduced the flexbox layout model, which provides a flexible and efficient way to arrange items within a container.

css css3 frontend frontend-mentor frontend-web frontenddevelopment html html-css html5 it-community open-source opencodechicago webdev webdevelopment

Last synced: 12 Jan 2025

https://github.com/saeedkohansal/live-table-editor-php-js-mysql

A Live Table Editor like Microsoft Excel and Google Sheets From Scratch Using HTML, CSS, Core PHP, Vanilla JavaScript, and MySQL Database, With my Live Table Editor You can edit your data in database directly from an HTML table in Real-Time without any page refresh.

backenddeveloper corephp css excel frontenddevelopment fullstack fullstackwebdeveloper fullstackwebdevelopment gilgeekify googlesheets html livedata microsoftexcel mysql php phpcore sql sqlquery vanilla-javascript vanillajs

Last synced: 03 Dec 2024

https://github.com/opencodechicago/chicagoslicehouse

This repository is part of our practical frontend workshop, where participants will use HTML and CSS to build a simple yet visually appealing pizzeria website based on a design created in Figma.

css figma frontend frontend-mentor frontend-web frontenddevelopment html opencode opencodechicago project ui-design ux-design ux-ui ux-ui-design webdesign webdevelopment

Last synced: 14 Feb 2025

https://github.com/swamithedev/movies

The "Movie Info Finder" project aims to provide users with comprehensive movie details and highlight the top-rated films succinctly.

api css frontenddeveloper frontenddevelopment frontendproject html js movies movies-api responsive responsive-design responsive-web-design scss swaminathanselvam swamithedev

Last synced: 02 Apr 2025

https://github.com/samuelmarete/javascript-day5-todolistwebapp

The Todo List App is a simple, responsive tool built with HTML, CSS, and JavaScript for managing tasks. It offers task creation, editing, completion, and deletion, with filters and local storage for seamless use across devices. Real-time notifications keep you updated on your actions.

frontenddevelopment html5 javascript localstorage productivity-app responsive-web-design taskmanagement todolist webdevelop

Last synced: 20 Mar 2025

https://github.com/gz30eee/notes-web-app

A simple and fully responsive Notes App built with HTML, CSS, and JavaScript. It allows users to create, edit, and delete notes, with data stored in local storage for persistence.

crud-operation frontenddevelopment javascriptnotesapp localstorage responsive-web-design todo webapp

Last synced: 22 Mar 2025

https://github.com/tokhy1/tailwindcss_manage_landing

Manage Landing Page is a sleek and modern landing page template designed for ease of use and customization.

css design frontend-mentor frontend-mentor-challenge frontenddevelopment html js programming responsive responsive-design responsive-web-design tailwind-css tailwindcss website

Last synced: 20 Feb 2025

https://github.com/joyontokarmakar/web-desgin-component-library

This project is made for store all of my designed component for website design and development by using various kind of css and js library. This project is made with Nuxt-js. I hope I will able to store all kind of component. In future I will upload JavaScript functional component. for more of my work, you can visit my github profile (https://github.com/joyontokarmakar). If you want to know about me, please visit (https://joyontokarmakar.netlify.app). Thank You.

bootstrap component css design frontenddevelopment html javascript library nuxtjs tailwindcss ui vuejs

Last synced: 26 Mar 2025

https://github.com/alisamirali/trelloboard

A Trello-inspired board designed to assist in organizing and tracking project tasks and advancements, featuring an intuitive and aesthetically pleasing interface.

framermotion frontenddeveloper frontenddevelopment javascript reactjs typescript zustand

Last synced: 07 Apr 2025

https://github.com/alexandrbig1/loans-home

Loans Home is a responsive React web application featuring dynamic animations with Framer Motion, routing with React Router DOM, and styled components for modular CSS. It includes responsive layouts, modals, and interactive notifications to enhance user experience.

css css3 frontend frontend-web frontenddevelopment html html-css-javascript html5 javascript react react-router reactjs softwareengineer webdev webdeveloper webdevelopment

Last synced: 05 Apr 2025

https://github.com/yashi-singh-1/social-links-profile

This challenge is a simple yet stylish Social Link Sharing Profile, perfect for showcasing and sharing all your social media profiles. The design focuses on usability, ensuring a great user experience with interactive elements.

css css3 front-end front-end-challenge front-end-development frontend frontend-challenge frontend-development frontendchallenge frontenddevelopment html html5 interactive-design interactivedesign responsive responsive-design social-links-profile sociallinksprofile web-developement webdevelopement

Last synced: 24 Feb 2025

https://github.com/alisamirali/udemy-clone

Online Courses - Learn Anything, On Your Schedule | Udemy

frontenddevelopment javascript reactjs redux redux-toolkit udemy webdevelop webdevelopment

Last synced: 20 Dec 2024

https://github.com/deva-246/automates-access-communication-system

It's a ERP web application developed with python, which enables automatic payroll management, attendance calculation and Inter department data maintenance and communication

frontenddevelopment mysql python pythoncgi webapplication xampp

Last synced: 22 Mar 2025

https://github.com/projects-developer/react-education-website-project

The React Education Website Project is a web application built using React, a popular JavaScript library for building user interfaces. Project Includes Source Code, PPT, Synopsis, Report, Documents, Base Research Paper & Video tutorials

btechprojects computerscienceprojects educationtech educationwebsite frontenddevelopment javascript learningplatform mtechprojects onlinecourses onlineeducation react reactjs reactproject webdevelopment

Last synced: 22 Mar 2025

https://github.com/alisamirali/write-stream

WriteStream is a next-generation platform designed to facilitate seamless real-time collaboration on documents.

clerk frontenddevelopment liveblocks nextjs sentry tailwindcss typescript webdevelopment

Last synced: 07 Apr 2025

https://github.com/alisamirali/movix-app

Movix is a movie database application with front-end technologies like React, Redux, and SASS.

axios frontenddeveloper frontenddevelopment javascript reactjs redux redux-toolkit sass

Last synced: 07 Apr 2025

https://github.com/alisamirali/inspiro-bot

InspiroBot is an AI-powered tool that is open-source and designed to help people discover, create, and share creative prompts.

ai api frontenddevelopment fullstack javascript mongodb nextjs webdevelopment

Last synced: 07 Apr 2025

https://github.com/alisamirali/mindstream

MindStream - a distinctive platform for unburdening your mind through uninhibited writing.

frontenddeveloper frontenddevelopment javascript nextjs tailwindcss

Last synced: 07 Apr 2025

https://github.com/alisamirali/google-search-clone

The Google Search Clone project is a web application developed using Next.js 13 and integrated with the Google Developers API. It aims to act as the functionality of the renowned Google Search platform.

api frontenddevelopment googledevelopers javascript nextjs webdevelopment

Last synced: 07 Apr 2025

https://github.com/alisamirali/dev-clone

A constructive and inclusive social network for software developers. With you every step of your journey.

api dev frontend frontenddevelopment javascript jsx react reactdeveloper reactjs sass webdeveloper webdevelopment

Last synced: 07 Apr 2025

https://github.com/alisamirali/coin-moon

Cryptocurrency Price Tracker With React.js

api axios cryptocurrency frontenddevelopment react reactjs tracker webdevelopment

Last synced: 07 Apr 2025

https://github.com/yousefraeis/nike-kicks-site

This Nike-Inspired Landing Page highlights select Nike products with a sleek, responsive design. 🏀✨ Built using ReactJS and TailwindCSS, it focuses on clean code, modern aesthetics, and an exceptional user experience. 🚀👟

css frontenddevelopment html javascript javascript-mastery react reactjs responsive responsive-website taliwindcss webdevelopment

Last synced: 26 Feb 2025

https://github.com/yashi-singh-1/day-06-profile

Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself.

animation challenege css css3 frontend frontend-challenges frontenddevelopment html html5 profile-card

Last synced: 24 Feb 2025

https://github.com/anshuman-02/keeper-app

A simple notes application inspired by Google Keep, built using React.

codingprojects frontenddevelopment googlekeepclone javascript notetaking opensource reactjs webdevelopment

Last synced: 18 Feb 2025

https://github.com/anshuman-02/to-do-app

A simple To-Do app built using React, allowing users to add and delete tasks efficiently.

codingprojects frontenddevelopment javascript opensource reactjs todoapp webdevelopment

Last synced: 18 Feb 2025

https://github.com/yashi-singh-1/day-11-custom-scrollbar-design

Created a customization scrollbar that changes color dynamically based on scroll position. Users can select background and scrollbar colors using intuitive color pickers for a personalized browsing experience.

css css3 front-end front-end-development front-enddevelopment frontend frontend-development frontenddevelopment html html5 javascript

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/day-14-byciclopter

Byciclopter: Which side of the card do you want to use? Either drive or fly to work in the morning?

css css-animations css3 front-end front-end-development front-enddevelopment frontend frontend-development frontenddevelopment html html5 web-design

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/day-16-css-shapes-animation

Explore CSS Shapes Animation challenge featuring dynamic animations for circles, squares, and triangles. Enhance your CSS skills with keyframes.

css css-animations css-keyframes css3 cssanimations csskeyframes front-end front-end-challenge front-end-development front-enddevelopment frontend frontend-challenge frontend-development frontendchallenge frontenddevelopment html html5

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/rotating-square-loader

Welcome to the Rotating Square Loader project! This project showcases a simple yet elegant loading animation featuring a rotating square. It serves as a great example of using HTML and CSS to create visually appealing loading indicators for your web applications.

animation challenege css css3 front-end front-end-challenge front-end-development frontend frontend-challenge frontend-development frontenddevelopment html html5 keyword

Last synced: 24 Feb 2025

https://github.com/nagipragalathan/odin_protocol_ui

Welcome to the Odin Protocol UI project repository. This project is a user interface for the Odin Protocol, developed using Next.js, a React framework that enables server-side rendering and static site generation. This repository includes the necessary code to set up and run the Odin Protocol UI.

blockchainui frontenddevelopment javascript nextjs odinprotocolui opensource protocolinteraction react techcommunity webdevelopment

Last synced: 05 Apr 2025

https://github.com/manthanthakor/formvalidationusingjs

Welcome to the Registration Form Validation project! This project allows users to register by filling out a simple form. The form includes validation to ensure that all fields are completed correctly.

css3 formvalidation formvalidations frontenddevelopment html5 javascript responsivedesign userexperience userinterface validationtechniques webdevelopment webforms

Last synced: 07 Apr 2025

https://github.com/yousefraeis/nike-kicks-and-code

This Nike-Inspired Landing Page features select Nike products with a modern, responsive design. Built with ReactJS and TailwindCSS, it emphasizes clean code and user experience.

css frontenddevelopment html javascript javascript-mastery react reactjs responsive responsive-website taliwindcss webdevelopment

Last synced: 11 Nov 2024

https://github.com/rohankumawat/frontenddevelopment

This is 30 minutes to 1-hour max everyday calendar Front End Development practice from scratch.

css frontenddevelopment html

Last synced: 09 Mar 2025

https://github.com/amruthlp12/askthiswebsite

AskThisWebsite is a web application that allows users to interact with any website by simply adding `https://askthiswebsite-cwa.vercel.app/` before the website's URL. This tool provides a unique way to engage with websites and retrieve specific information.

askthiswebsite frontenddevelopment innovation javascript nextjs14 opensource programming projectlaunch reactjs softwareengineering tailwindcss tech webapp webdevelopment

Last synced: 06 Mar 2025

https://github.com/poswalsameer/typemaster

Web-app where users can take quick 30 seconds typing test with accurate results as soon as the test ends. Focused on clean UX with no integration of any kind of advertisement like on other websites.

frontend frontenddevelopment frontendeveloper javascript javascript-framework react reactjs webapp webdevelopment

Last synced: 24 Mar 2025

https://github.com/poswalsameer/digitalink

Web-app that allows the user to take quick signatures within seconds, also allowing them to download in .png format with transparent background for accessibility

canvas canvas2d frontend frontenddevelopment htmlcanvas javascript nextjs reactjs webdev webdevelopment

Last synced: 24 Mar 2025

https://github.com/poswalsameer/keyforge

KeyForge is a special website that helps in generating password for the user. It allows the user to choose his desired password length and various other options to make sure the password provided is safe and secure. Made using ReactJS and Tailwind CSS

css frontenddevelopment html javascript reacthooks reactjs

Last synced: 24 Mar 2025

https://github.com/arqum21/javascript_lightbulb_toggle

A simple yet interactive project where you can toggle a light bulb on and off, accompanied by a satisfying click sound. This project demonstrates the power of HTML, CSS, and JavaScript in creating an engaging user experience, perfect for beginner web developers.

frontenddevelopment javascriptanimations javascriptprojects lightbulb webdesigning webdevelopment

Last synced: 31 Mar 2025

https://github.com/innocent6303/to-do-list

🚀 To-Do List App - A simple yet stylish To-Do List built with HTML, CSS, and JavaScript. Perfect for beginners to practice essential web development skills such as DOM manipulation, localStorage, and building responsive UIs.

codingforbeginners css dom-manipulation frontenddevelopment html html5 javascript javascriptforbeginners localstorage responsive-web-design todolist webdevelopment

Last synced: 22 Dec 2024

https://github.com/alisamirali/fizzi-drink

A 3D E-commerce Landing Page with Next.js 14, GSAP, Three.js, and Prismic.

frontend frontenddeveloper frontenddevelopment gsap nextjs14 prismic threejs typescript

Last synced: 13 Feb 2025

https://github.com/ompreetham/social-links-profile

A Social Links Profile created with Vite + React. A challenge by Frontend Mentor.

challenge components css frontend frontend-mentor frontenddevelopment html react reactjs render vite

Last synced: 28 Feb 2025

https://github.com/meghaarajeev/metamart-webpage-hackfest-24

This repo contains the website I created for the users of MetaMart. So far it contains a log in and sign up page which redirects the user to a Dashboard.

css dashboard frontend frontenddevelopment html login-page signup-page webpage website

Last synced: 02 Apr 2025

https://github.com/meghaarajeev/web-development-projects-

📚Web Development Projects as a part of The Complete 2024 Web Development Bootcamp Course on Udemy

css frontenddevelopment html udemy udemy-course-project web webdevelopment

Last synced: 02 Apr 2025

https://github.com/mujeebdev3/to-do-list

🚀 To-Do List App - A simple yet stylish To-Do List built with HTML, CSS, and JavaScript. Perfect for beginners to practice essential web development skills such as DOM manipulation, localStorage, and building responsive UIs.

codingforbeginners css dom-manipulation frontenddevelopment html html5 javascript javascriptforbeginners localstorage responsive-web-design todolist webdevelopment

Last synced: 09 Apr 2025

https://github.com/arqum21/javascript_countdown_timer

The Coming Soon Timer project is a visually appealing countdown timer that announces an upcoming event. This project is designed with responsiveness in mind, ensuring a great user experience on various devices. The timer counts down to the specified date and time, creating anticipation for the event.

countdown-clock countdown-timer css3 event-countdown frontenddevelopment html5 javascript responsive-design webdevelopment

Last synced: 12 Apr 2025

https://github.com/ryangormican/slidewonder

SlideWonder is a modern web application for creating, managing, and presenting slide decks. Built with React and Fabric.js, it offers an intuitive interface, drag-and-drop functionality, and customizable slides, allowing users to design engaging presentations effortlessly.

canvas draganddrop fabric fabricjs firebase frontend frontenddevelopment javascript materialui react reactjs slidemangement userinterface webapplication

Last synced: 17 Mar 2025

https://github.com/marcdziersan/thats_me

👋 Marcus Dziersan – Umschüler zum Fachinformatiker für Anwendungsentwicklung mit über 20 Jahren Leidenschaft für Webentwicklung. Erfahren in HTML, CSS, PHP, JavaScript, sowie MySQL/SQLite, XML und JSON. Arbeitet an neuen Projekten, um Fortschritte zu dokumentieren und die Community einzubinden. 🚀

apis backenddevelopment css frontenddevelopment fullstackdevelopment html js json mysql php sqlite webdevelopment xml

Last synced: 18 Mar 2025

https://github.com/yashi-singh-1/pulsing-dot

This project demonstrates a simple animation of pulsing dots using HTML and CSS. Each dot pulses with a different color and is centered within a container, which itself is centered on the page.

animation css css3 front-end front-end-challenge front-end-development frontend frontendchallanges frontenddevelopment html html5 keyword

Last synced: 24 Feb 2025

https://github.com/nagipragalathan/codad_ui

Codad UI is a modern and intuitive user interface designed for the Codad platform. It provides a seamless and engaging experience for users, enabling them to interact with the platform's features efficiently. This project leverages cutting-edge web technologies to deliver a responsive.

codadui frontenddevelopment javascript opensource responsivedesign tailwindcss techinnovation uiux webappdevelopment webdevelopment

Last synced: 05 Apr 2025

https://github.com/najahaja/front-end-mentor-solution-12

Enhance user engagement and gather valuable feedback with our versatile Interactive Rating Component, designed using HTML, SCSS, and JavaScript. This user-friendly component allows your website visitors to rate products, services, or content with a smooth and intuitive interface.

accessibledesign frontenddevelopment frontendmentor-challenge html5 interactiverating javascript scss

Last synced: 05 Apr 2025

https://github.com/gauravxlokhande/foodieland-the-food-hub

Foodieland is a dynamic website designed for self-made chefs. It showcases a wide range of food categories and recipes, complete with cooking times, types, and detailed nutritional information. Users can explore blogs sharing recipes, insights, and experiences, as well as contact experts for any culinary assistance. Developed using React.js.

cookingtimes culinaryassistance foodblogs foodieland foodrecipes frontenddevelopment javascript nutritioninfo react-components reactjs sass sass-framework scss selfmadechefs webdevelopment

Last synced: 05 Apr 2025

https://github.com/projects-developer/spa-centre-react-project-

This project is a web application for a spa centre, built using React, a popular JavaScript library for building user interfaces.

beautysalon btechprojects computerscienceprojects frontenddevelopment javascript mtechprojects reactapp reactjs reactproject spacentre spamanagement webdevelopment

Last synced: 05 Jan 2025

https://github.com/projects-developer/react-education-website-project-

The React Education Website Project is a web application built using React, a popular JavaScript library for building user interfaces

btechprojects computerscienceprojects educationtech educationwebsite frontenddevelopment javascript learningplatform mtechprojects onlinecourses onlineeducation react reactjs reactproject webdevelopment

Last synced: 05 Jan 2025

https://github.com/evelinalvarado/hackathon-caixabank-frontend-react-finassist

This project was developed as part of the hackathon organized by Nuwe and CaixaBank Tech. It focuses on building a personal finance assistant to help users track expenses, set budgets, and visualize financial health with a seamless and responsive experience.

caixabanktech frontenddevelopment hackathon javascript nuwe personalfinance reactjs

Last synced: 04 Mar 2025

https://github.com/fatemzh/recipe-page

This project is a responsive recipe page built with HTML, CSS, and Sass. It features a clean design, optimized for both mobile and desktop views, and showcases essential skills in web development.

frontend-mentor frontenddevelopment responsive-design sass

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/recipe-page

Welcome to the Simple Omelette Recipe Page Challenge! This repository contains the solution to a frontend development challenge that focuses on creating a recipe page for a classic omelette. The goal of this challenge is to practice and demonstrate skills in writing semantic HTML and creating a responsive design.

beginner-friendly coding-challenge css css3 front-end front-end-development front-end-mentor-challenge frontend frontend-development frontend-mentor frontenddevelopment frontendmentor-challenge html html5 recipe-page responsive responsive-design semantic-html

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/contact-form

Create a responsive contact form using HTML/CSS with JavaScript validation. Include email format verification and error messaging. Ensure seamless user experience with clear feedback and adaptability across devices for optimal usability.

challenge contact-form contactform css css3 css3-flexbox front-end front-end-development front-end-development-challenge frontend frontenddevelopment html html5 javascript responsive responsive-design vanilla-javascript

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/day-13-barber-pole-progress-bar

This challenge demonstrates how to create an animated barber pole progress bar using HTML and CSS. The barber pole progress bar features a classic rotating striped effect that can be used to indicate progress in a visually engaging manner.

challenge css css3 front-end front-end-development frontend frontenddevelopment html html5

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/share-content-card-component

Hey there! Ready for a frontend challenge? How about creating a Share Content Card Component? It's a great way to practice CSS and JavaScript skills. Let's dive in!

css css3 front-end front-end-challenge front-end-development frontend frontenddevelopment html html5 javascript

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/day-07-notifications-search-and-menu

The three cornerstones of any application? Brought together in the smallest possible space.

css css3 front-end front-end-challenge front-end-development frontend frontenddevelopment html html5 javascript

Last synced: 24 Feb 2025

https://github.com/projects-developer/spa-centre-react-project

This project is a web application for a spa centre, built using React, a popular JavaScript library for building user interfaces. Spa Centre React Project Includes Source Code, PPT, Synopsis, Report, Documents, Base Research Paper & Video tutorials

beautysalon btechprojects computer-science-projects computerscienceprojects final-year-project finalyearprojects frontenddevelopment javascript mtechprojects reactapp reactjs reactproject spacentre spamanagement webdevelopment

Last synced: 22 Mar 2025

https://github.com/thirdygayares/firepage

Firepage is a dynamic content generation tool designed to convert Markdown files and images into PDF documents and formatted posts suitable for social media platforms like LinkedIn, Twitter, and more. It simplifies the process of creating visually appealing and professional posts directly from your content, enhancing your ability to share insights,

angular angulartool contentautomation contentcreation developertools firepage frontenddevelopment imageexport markdownconversion markdowntoimage markdowntopdf opensource pdfcreation pdfexport pdfgenerator pdfrendering postgeneration socialmediaposts webtool

Last synced: 24 Feb 2025