Hi, I'm Nazanin

Passionate and driven Front-End Developer with expertise in React.js and modern JavaScript frameworks. Experienced in building responsive, user-friendly web applications, mentoring students, and optimizing UI performance. Adept at debugging and collaborating within cross-functional teams. Actively contributing to open-source projects and seeking a full-time development role to create impactful solutions.

Contact Me
Hero image of me

About

Me sitting with a laptop.
  • cursor Icon

    Front-End Focused

    Passionate Front-End Developer with hands-on experience in building responsive and accessible web apps using React.js, TypeScript, and modern JavaScript frameworks. I love creating clean, interactive UIs and optimizing for performance.

  • server Icon

    Real Projects & Results

    From recipe finder apps to full-stack movie rental platforms, I’ve developed various scalable, mobile-friendly applications. I leverage tools like Zustand, Redux, and React Query for effective state and data management.

  • UI Icon

    Commitment & Collaboration

    Experienced in team-based development and mentoring junior devs. I actively keep up with trends and integrate new practices to build better products and learning experiences.

Experience

React

React

TypeScript

TypeScript

Node

Node

GraphQL

GraphQL

MongoDB

MongoDB

JavaScript

JavaScript

HTML5

HTML5

CSS

CSS

Photoshop

Photoshop

Figma

Figma

  •  Logo

    Freelance React Developer

    Dec 2022 - Present

    • Built scalable and mobile-friendly apps using React and modern JavaScript
    • Optimized UI performance and created reusable components
    • Integrated third-party APIs and enhanced UX with Dark Mode and modals
  • One Community Global Logo

    Developer (Volunteer, HGN Open-Source App) One Community Global

    Nov 2024 - Apr 2025

    • Enhanced task management features using React and Redux
    • Implemented conditional rendering for access-based navigation
    • Used useSelector to track users and update task statuses in real-time
  • Canada International Royal Art College Logo

    Web Development Instructor Canada International Royal Art College

    Sep 2021 - Mar 2025

    • Delivered interactive workshops and mentorship in JavaScript and React.js
    • Taught component-based architecture, state management, and performance optimization
    • Guided students through real-world projects using Git and React Hooks

Projects

Image of Recipe Finder App

Recipe Finder App

A responsive web app for searching recipes using TheMealDB API. Users can search by dish name, view detailed recipe info in a modal (opened on click for each recipe), and enjoy a polished, mobile-friendly experience. Features include Dark/Light Mode, user-friendly error handling, and a reusable SearchBar component that boosted development efficiency by 30%.

  • React
  • TypeScript
  • React Router
  • JavaScript
  • Hooks
  • Responsive Design
  • TheMealDB API
  • Modals
  • Reusable Components
Image of Weather App

Weather App

A real-time weather app that provides weather information based on city search. Utilized React for a user-friendly interface and Axios to fetch data from the OpenWeatherMap API. The app remembers previous searches using local storage and displays weather details like temperature, humidity, and conditions. Optimized performance by managing state and minimizing redundant API calls, with a mobile-friendly design.

  • React
  • JavaScript
  • Axios
  • State Management
  • Local Storage
  • OpenWeatherMap API
  • Responsive Design
Image of Video Game Explorer

Video Game Explorer

Created a game discovery platform with filtering by genre and platform. Used Zustand for state management and optimized rendering by minimizing API calls. Featured video previews, ratings, and descriptions.

  • React
  • TypeScript
  • Axios
  • Zustand
  • ChakraUI
  • Vercel
Image of Expenses Tracker

Expenses Tracker

Built an expense tracker with features for adding, editing, and deleting entries. Integrated Zod for robust validation and used React with Bootstrap for responsive UI and better UX.

  • React
  • JavaScript
  • Bootstrap
  • Zod
Image of Vidly Movie Rental App

Vidly Movie Rental App

Developed a movie rental platform with filtering by genre and rating. Used React hooks for efficient state management and Bootstrap for mobile-friendly layouts.

  • React
  • JavaScript
  • Hooks
  • Bootstrap
Image of SkyHosting Website

SkyHosting Website

Designed a mobile-first, responsive website for a hosting company using OOCSS, SCSS, and AOS animations. Translated a Photoshop design into a sleek, professional online presence.

  • HTML
  • CSS
  • SCSS
  • OOCSS
  • AOS Library
  • Photoshop

Contact