Mahdi Elmi

A Front-End Developer based in Isfahan, Iran

Get In Touch

My Work

Rastak Shipping

An agency website in 4 languages with an admin panel with the ability to CRUD blog posts.

  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
  • Framer Motion
  • Next-intel
  • mdx
screenshot of the rastak shipping's homepage

Buy Stuff

A comprehensive e-commerce platform enabling user registration, product purchases, community-driven reviews with upvoting/downvoting functionality, vendor onboarding, and vendor-managed product listings with editing and removal capabilities.

  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
  • Prisma
  • Shadcn
  • React Hook Form
  • Zod
  • TanStack Table
  • Jotai
  • Framer Motion
screenshot of the Buy Stuff's homepage showing products and shopping cart
screenshot showing filtering and sorting capabilities

Quizick

A web quiz app for trivia enthusiasts. Features include lightning mode, high score tracking, and configurable questions. Developed with React and powered by curated questions from Open Trivia DB.

  • React
  • TypeScript
  • Tailwind CSS
  • TanStack Query (react query)
  • Framer Motion
  • Vite
  • Axios
screenshot of the quiz app's homepage which shows the ways you can customize questions
screenshot of the quiz app showing the quiz questions

Yelp Camp

This web application, created during Colt Steele's The Web Developer Bootcamp, is a replica of Yelp that focuses on campsites. Users can register an account, post reviews, edit them, rate campsites, and leave comments. The application allows for easy browsing of different campsites, providing users with a convenient platform to share and access information on their favorite outdoor destinations.

  • Node.js
  • Express
  • MongoDB
  • EJS
  • Javascript
  • Passport.js
  • HTML
  • CSS
screenshot of a campsite posting on yelpcamp

About Me

I am a passionate web developer based in Isfahan, Iran, with a strong interest in computer science and video games. My journey began with learning C# and Unity, which eventually led me to switch to web development. Over the past four years, I have honed my skills in Next.js, TypeScript, React JS, and Tailwind CSS through self-teaching and online courses. My current goal is to leverage my skills and begin working as a web developer, while continuously improving and expanding my knowledge in the field.

My Resume

Get in Touch

Thank you for taking the time to visit my portfolio! If you have any questions, inquiries, or would like to collaborate on a project, don't hesitate to reach out to me.

mahdi.elmi.dev@gmail.com