Sufiyan Imran | Software Engineer Portfolio

About Me

I’m Sufiyan Imran, a Software Engineer in training pursuing my Bachelor’s degree in Software Engineering from Sir Syed University of Engineering & Technology (SSUET), Karachi. I specialize in MERN Stack Development, with strong expertise in HTML, CSS, JavaScript, Bootstrap 5, React.js, Node.js, Express.js, MongoDB, and Firebase. I build modern, responsive, and scalable web applications that deliver seamless and engaging user experiences. With hands-on experience from freelance projects and front-end development internships, I’ve gained a solid understanding of clean code principles, component-based architecture, and performance optimization. I’m passionate about designing and developing impactful digital solutions that combine functionality with great user experience. I continuously seek opportunities to learn, innovate, and collaborate on projects that make a difference. Let’s connect and build something extraordinary together. 🚀

Skills

HTML

CSS

Bootstrap

JavaScript

Firebase

Node.js

Express.js

MongoDB

ShadCN/UI

Git

GitHub

Experience

Front-End Developer Intern (Cognifyz, Jan – Feb 2025)

Worked on building and improving web interfaces using HTML, CSS, JavaScript. Collaborated with the team on real client projects and learned professional development workflows.

View Completion Certificate

Projects

Indoor Booking System

Upcoming

An upcoming full-stack MERN project designed to simplify indoor sports facility management and bookings. The platform will allow users to explore available venues, filter by sport type and location, and book time slots in real-time. Admins will have access to manage listings, update availability, and monitor user bookings through a dedicated dashboard.

MongoDB Express.js React.js Node.js Tailwind CSS

Live Demo (Coming Soon)

Admin Dashboard

Completed

A full-featured admin dashboard built using React, Firebase, and Zustand. Features include student and trainer management, authentication, form validation with Formik and Yup, and a clean UI powered by ShadCN.

React Firebase Zustand Formik Yup ShadCN HTML5 CSS3 JavaScript

Live Demo View Code

Task Manager

Completed

A task management application built with React, Firebase, and Zustand. It allows users to create, update, and delete tasks, with authentication, form validation using Formik and Yup, and a modern UI powered by ShadCN.

React Firebase Zustand Formik Yup ShadCN HTML5 CSS3 JavaScript

Live Demo View Code

Real Estate Website

Completed

A fully functional real estate platform built with React.js, featuring property listings, agent profiles, and advanced filters by price range, property type, and location. Designed with reusable components and a modern, responsive UI to deliver a smooth browsing experience for users.

React.js Tailwind CSS HTML5 CSS3 JavaScript

Live Demo View Code

Student Portal

Completed

A responsive student portal built with React.js and Tailwind CSS, featuring Dashboard, Student Profiles, Courses, Attendance, and Results modules. Designed with reusable components and responsive layouts to demonstrate typical academic workflows and UI structure. Note: Data is currently represented with static/hardcoded samples for front-end demonstration.

React.js Tailwind CSS HTML5 CSS3 JavaScript

Live Demo View Code

Firebase Todo App

Completed

A to-do list application powered by Firebase for real-time database updates and user authentication. Add, edit, and delete tasks seamlessly.

HTML5 CSS3 JavaScript Firebase

Live Demo View Code

Weather App

Completed

A weather forecast web app that shows real-time weather conditions based on city input. Includes dynamic backgrounds for different weather conditions using OpenWeather API.

HTML5 CSS3 JavaScript OpenWeather API

Live Demo View Code