Pinned Repositories
AMP-Site
AMP web page (blog sample)
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 ๐
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 :))
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/
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.
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/
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 ๐ฆ
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.
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.
Weather-App-React
:atom_symbol: React project - Fetch and Toggle display of current weather in Berlin, Paris, New York & London (tabs) - using axios and state hook. Watch DEMO ๐ https://Frnt-End.github.io/Weather-App-React ๐
Frnt-End's Repositories
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.
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/
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 ๐
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 :))
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 and state hook. Watch DEMO ๐ https://Frnt-End.github.io/Weather-App-React ๐
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/
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 ๐ฆ
Frnt-End/AMP-Site
AMP web page (blog sample)
Frnt-End/Flexbox
CSS responsive layout using FLEX & OOCSS
Frnt-End/Frnt-End
GitHub Profile page
Frnt-End/JS-Login-Form
Responsive Sign-in / Login form created with HTML, CSS and JavaScript.
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.
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 ๐
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.
Frnt-End/GooseHome
Neural Network project
Frnt-End/portfolio
My Portfolio Website ๐ผ https://frnt-end.github.io/portfolio/
Frnt-End/sass-project
Web page template using SASS and include use of mixins, grid, functions and more
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.