Projects in Awesome Lists by Frnt-End
A curated list of projects in awesome lists by Frnt-End .
https://github.com/frnt-end/update-react-in-github-pages
:atom_symbol: React project - How to update React in GitHub Pages Tutorial :octocat::computer: check out quick solution here: https://frnt-end.github.io/Update-React-in-GitHub-Pages/ or read the full tutorial in the README file.
automatic build deploy fast gh-pages github github-pages how-to production quick react reactjs responsive simple solution tabs tutorial update video
Last synced: 08 Apr 2025
https://github.com/frnt-end/react-responsive-video
⚛️ React Project - How to create Full screen & responsive video background in REACT - How to guide tutorial 👉 https://frnt-end.github.io/React-Responsive-Video/
background css css3 easy engineer frontend fullscreen how-to html html5 mp4-video object-fit react reactjs responsive simple tag tutorial video
Last synced: 10 May 2026
https://github.com/frnt-end/react-design-patterns-page-layout
⚡ React Vite project using React Design Patterns. The page contains 4 sections created with Split Screen Pattern. the page is fluid (screen size friendly :))
components fluid framework javascript layout page react react-design-patterns responsive responsive-design responsive-grid responsive-layout reusable split-screen styled-components ui vite
Last synced: 05 Apr 2026
https://github.com/frnt-end/data-visualization-chartjs-react-typescript
⚡ React / Vite and Typescript Data Visualization App- Fetch Api data and display it in a chart and a table - using axios. chartjs, MUI and styled components. Watch DEMO => https://Frnt-End.github.io/Data-Visualization-Chartjs-React-Typescript 👈
api axios chart chartjs data-visualization design gh-pages mui react reactjs styled-components table typescript ui ux vite
Last synced: 09 Mar 2026
https://github.com/frnt-end/weather-app-react
:atom_symbol: React project - Fetch and Toggle display of current weather in Berlin, Paris, New York & London (tabs) - using axios for API fetch. Watch DEMO 🌞 https://Frnt-End.github.io/Weather-App-React 👈
api axios axios-react background card current-weather data fetch gh-pages react reactjs tabs toggle ui usestate usestate-hook weather weather-app weather-information weatherapp
Last synced: 18 Feb 2026
https://github.com/frnt-end/the-string-theory-react-typescript
⚛️ React & Typescript Project. In this app you can practice 🧪 JS String Methods. Watch DEMO ✨ https://Frnt-End.github.io/The-String-Theory-React-Typescript 🍦
application exercises form frontend function js learning methods practice react sass string strings-manipulation testing tutorial typescript ui
Last synced: 16 Feb 2026
https://github.com/frnt-end/js-login-form
Responsive Sign-in / Login form created with HTML, CSS and JavaScript.
animejs button css css3 effects form form-validation forms html html-css-javascript login login-screen password responsive sign-in-up signin ui web-design web-design-inspiration webdesign
Last synced: 29 Apr 2026
https://github.com/frnt-end/vite-react-fetch-api-
React Vite Typescript project - Fetch data and display it as a list of 10 items in 10 (pagination) pages. click on each item leads to more details page- using Axios, Router, React-Query, Vitest, React Testing Library and Styled Components.
axios details fetch-api list pagination react-query router router-dom styled-components testing-library typescript vite vitest
Last synced: 09 May 2026
https://github.com/frnt-end/amp-site
AMP web page (blog sample)
accelerate amp blog mobile open-source page web
Last synced: 21 Jan 2026
https://github.com/frnt-end/spread-the-joy
⚛️ React project - The Spread operator and styles in React (ES6 +) - How to guide tutorial: 👉 https://frnt-end.github.io/Spread-the-JOY/
css es6 guide how-to inline-styles javascript jsx jsx-syntax nested-objects react reactjs spread spread-operator syntax tutorial tutorial-code variables
Last synced: 13 Apr 2026
https://github.com/frnt-end/flexbox
CSS responsive layout using FLEX & OOCSS
center css elements flex flexbox flexbox-css flexbox-grid html html-css html5 oocss responsive
Last synced: 04 May 2026
https://github.com/frnt-end/react-ts-search-app
:atom_symbol: Search in the The New York Times API Articles Data and navigate between the results pages - the app created using React TypeScript, React Query, Axios, useState hook and Styled Components.
app application axios fetch-api nytimes pagination react react-query reactjs results search searchbar styled-components typescript usestate
Last synced: 05 May 2026
https://github.com/frnt-end/color-picker-theme-ui
Cutomize Theme Color Using Color Picker. React Typescript Tailwind project.
color-picker custom onepage portfolio reactjs tailwind theme typescipt ui
Last synced: 12 Apr 2026
https://github.com/frnt-end/ts-context-items-list
⚛️ React Typescript project - Fetch data and display it as a list of 10 items in 10 (pagination) pages. click on each item leads to more details page- using axios, Context and Styled Components.
api axios context context-api data fetch list pagination router router-dom styled-components typescript
Last synced: 19 May 2026
https://github.com/frnt-end/portfolio
My Portfolio Website 💼 https://creatdev-portfolio.netlify.app/
design frontend gsap lenis lucide portfolio react responsive scroll-animations scrolltrigger slider tailwind ux vite web-development
Last synced: 28 Apr 2026
https://github.com/frnt-end/react-typescript-context
⚛️ REACT & TYPESCRIPT Project using CONTEXT. In this app you will be creating 5 team members profiles cards using a form, Watch DEMO 🔥 https://frnt-end.github.io/React-Typescript-Context 👈
app cards context create dynamic engineer form frontend gh-pages global-state hooks list radio-buttons react reactjs state-management typescript ui users web-design
Last synced: 11 Apr 2026