Nirit Nagar's repositories
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.
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/
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 :))
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 π
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 π¦
JS-Login-Form
Responsive Sign-in / Login form created with HTML, CSS and JavaScript.
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.
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 π
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.
sass-project
Web page template using SASS and include use of mixins, grid, functions and more
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.