Giter Site home page Giter Site logo

Creative & Code

Hello & Welcome 👋

Nice to e-meet you!

My name is Nirit & I enjoy creating accessible, human-centered products.

:octocat: Feel free to check out my Repos & My Portfolio.

Nirit Nagar's Projects

data-visualization-chartjs-react-typescript icon 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 👈

flexbox icon flexbox

CSS responsive layout using FLEX & OOCSS

js-login-form icon js-login-form

Responsive Sign-in / Login form created with HTML, CSS and JavaScript.

portfolio icon portfolio

My Portfolio Website 💼 https://frnt-end.github.io/portfolio/

react-design-patterns-page-layout icon 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 icon 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 icon 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 icon 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 👈

sass-project icon sass-project

Web page template using SASS and include use of mixins, grid, functions and more

spread-the-joy icon 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 icon 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 🍦

ts-context-items-list icon 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.

update-react-in-github-pages icon 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- icon 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 icon 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 👈

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.