SimranCodes
  • Home
  • Blogs
  • Projects

My Projects
Selected Projects

1. Swiggy Clone

#JavaScript   #ReactJS   #ReduxToolkit   #Jest   #TailwindCSS
  • Integrated Swiggy's live API to dynamically fetch and display restaurant details.
  • Developed search and filter functionality for restaurants and dishes.
  • Implemented Shimmer UI and lazy loading to enhance performance and user experience.
  • Built a cart management system and wrote comprehensive test cases using Jest for unit testing.

2. Youtube Clone

#JavaScript   #ReactJS   #ReduxToolkit   #Jest   #TailwindCSS
  • Integrated YouTube API to fetch and display video data, along with debounced search for smoother user input.
  • Built a video watch page with channel details, nested comments, and video suggestions
  • Implemented Shimmer UI and a light/dark theme toggle for improved user experience.
  • Added live chat functionality using API polling for real-time interaction.

3. Dora UI - Component Library

#HTML   #CSS   #VanillaJS
  • Built a comprehensive library of commonly used UI components.
  • Developed utility classes with an integrated color guide for consistent design.
  • Implemented light & dark theme toggle for better user experience

Freelance Projects

Vorp Live

Designed & developed a sleek website for a leading Delhi NCR video agency, boosting engagement & growth with a contact form.

Creative Maps

Designed & developed a wesite for an Indore interior firm, showcasing work & enabling seamless inquiries via WhatsApp chatbot & contact form.

CEDA Portal

Developed a geological data portal with interactive maps, bar & line graphs, enabling comparison, filtering, downloads & sharing.

ABC Day School

Designed and developed a multilingual (English & Chinese) website for a day school in Texas, showcasing detailed program information & a contact form for inquiries.

  • #outsourced
  • #developed-under-SolveApex

SolveApex Innovation

Developed a professional website for an IT & BPO solutions agency based in Gurgaon, highlighting their range of services & a contact form for inquiries.

  • #contract-based
  • #developed-under-SolveApex
: (

Shree NR Caterers

Designed and developed a website for a leading catering firm based in Jaipur, featuring a comprehensive menu display and an integrated contact form for bookings.

: (

All About Olympia

Designed & developed a website for a 400K+ follower influencer to showcase & sell courses with secure Razorpay payments & contact form.

: (

Sonam Makhija Makeovers

Designed & developed a portfolio website for an Indore-based makeup artist, showcasing work, services & seamless inquiries via contact form.

: (

KAAS

Developed an online coding compiler for a Singapore-based client, featuring Python, block coding, & robotics compilers for kids.

  • #link-not-applicable
  • #desktop-application
: (

UAI

Developed a profile based hiring platform for a California-based client, enabling universities, athletes, and coaches to recruit talent.

  • #link-not-applicable
  • #desktop-application
: (

Ikonic Agency

Built a creative, animation-rich website with a contact form for an influencer marketing agency with clients like MakeMyTrip & Zepto.


Minor Projects

Disney Plus UI Clone

Dynamic homepage with a carousel built using Vanilla JavaScript, replicating Disney Plus.

  • #html
  • #css
  • #javascript

Twitter UI Clone

Static landing page UI clone of Twitter, showcasing the platform's design.

  • #html
  • #css

Product Card UI

UI design for Star Wars product cards, offering a unique visual layout.

  • #html
  • #css

Youtube Home Page UI Clone

YouTube homepage UI clone using API, redirects users to YouTube video when a video is clicked

  • #html
  • #css
  • #javascript
  • #api

Comparision Effect UI

Interactive landing page featuring hover comparison effects based on mouse movement

  • #html
  • #css
  • #jQuery

Interactive Login Page UI

UI design focused on enhancing user privacy during the login process.

  • #html
  • #css
  • #javascript

Cash Register Manager

Web-app that calculates change with minimal notes based on the bill and cash provided.

  • #html
  • #css
  • #javascript
  • #responsive

Is Your Birthday Palindrome?

Checks if your birthday is a palindrome, and finds the nearest palindrome date.

  • #html
  • #css
  • #javascript

Fun with Triangle

Fun math app testing knowledge on triangles, including hypotenuse, area, and angles.

  • #html
  • #css
  • #javascript
  • #responsive

Songs Recommendations

ReactJS app listing favorite songs across genres like Lofi, Pop, and Indie.

  • #reactJS
  • #css
  • #responsive

Emoji Interpreter

Web-app provides instant emoji meanings when you input an emoji symbol.

  • #reactJS
  • #css
  • #responsive

Profit-Loss Calculator

Calculates profit or loss for stockholders based on quantity and current price.

  • #html
  • #css
  • #javascript
  • #responsive

Is Your BirthDate Lucky?

Determines if your birthdate is lucky by analyzing it with a given number.

  • #html
  • #css
  • #javascript
  • #responsive

Were You Born In Leap Year?

Fun app to check whether you were born in a leap year, with no data storage.

  • #html
  • #css
  • #javascript
  • #responsive

Chiss Translator

Translates English sentences into the Star Wars Cheunh language for fun.

  • #html
  • #css
  • #javascript
  • #api

How well do you know me ?

NodeJS-based CLI quiz app, customizable and shareable for entertainment.

  • #CLI
  • #nodeJS
  • #responsive

portfolio of simrangangwani

currently in Indore, India

Socials