About-Himanshu Rana

Himanshu Profile Pic

I started my web development journey in November, 2020. Since then I have learnt new technologies and acquired Skills like Html,Css,Javascript,React,React Query,Styled Components,Tailwind CSS,Redux,Redux Toolkit,Node,Git.
Then I joined Kylo Apps as a React developer and build an interactive application to suggest diets based on fat loss goal.

I learnt web development at Neog Camp , a Cohort Based Course run by Tanay Pratap .

“If your actions don’t live up to your words, you have nothing to say.” — DaShanne Stokes.I took this sentence seriously and that's why I believe in showing proof of my work, rather than listing my skills on Resume.So, Some of my works are shown below.

Project 1-Mom's Nivaala

moms nivaala
Source Code

What I learned through this project

  • Handling authentication on client side.
  • Data fetching and consume it to inside UI.
  • Dynamic Routing
  • Compound Component Pattern
  • Integration of UI state with remote state.
  • How to read and set local storage.
  • How to organise code.

What Tech Stack I used ?

  • React , Redux Tookit
  • Styled Components
  • React Query
  • React Toaster
  • React Router Dom
  • Supabase for APIs

Project 2-Note Keeping App

note keeping Pic
Source Code

What I learned through this project

  • Handling Global State
  • How to eliminate prop drilling.
  • How to handle protected routes.

What Tech Stack I used ?

  • React
  • React Router Dom
  • CSS

Project 3-Wild Oasis

Himanshu Profile Pic
Source Code

What I learned through this project

  • Handling authentication on client side.
  • Data fetching and consume it to inside UI.
  • Dynamic Routing
  • Compound Component Pattern
  • Integration of UI state with remote state.
  • How to read and set local storage.
  • How to organise code.

What Tech Stack I used ?

  • React , Redux Tookit
  • Styled Components
  • React Query
  • React Toaster
  • React Router Dom
  • Supabase for APIs

Project 4-QUiz Mania

Himanshu Profile Pic
Source Code

What I learned through this project ?

  • How to update multiple states together.
  • Worked with useReducer

What Tech Stack I used ?

  • React
  • CSS
  • Supabase for APIs

Project 5-Component Library

Himanshu Profile Pic
Source Code

What I learned through this project ?

  • HTML
  • CSS
  • Sementic Elements
  • A bit about accessibility
  • Visual Hierarchy

What Tech Stack I used ?

  • Hyper Text Markup Language
  • Pure CSS