<AR />

Headshot of Ali

Hi, I'm Ali Raza 👋

I'm a frontend developer with strong skills in HTML, CSS, Bootstrap, and Tailwind CSS, which I've used to create several responsive and attractive UIs. I'm still a beginner in JavaScript, TypeScript, and Next.js, but I'm committed to learning and gradually building expertise in these technologies. My focus is on creating user-friendly and visually appealing websites and interfaces that perform smoothly on all devices.

Karachi, Pakistan

Available for new projects

About me

Fullpose of Aliraza

Curious about me? Here you have it:

I'm Ali Raza – a passionate frontend developer and self-proclaimed designer. Currently, I'm a student at SMIT and GIAIC , and I'm all about making web interfaces visually appealing and high-performing. My focus is on user experience, pixel-perfect design, and writing clear, readable code.

I started my journey by building responsive UIs, and since then, I've expanded my skill set by working on projects like the Nurpur website, gym website, and gaming platform using HTML, CSS, and Bootstrap. Now, I'm diving into modern tools like Next.js, TypeScript, Tailwind, and JavaScript to create cutting-edge applications.

I enjoy handling the entire product lifecycle, from ideation to deployment, ensuring a flawless user experience. When I'm not in full developer mode, I love sharing tech insights and learning on Linkedin and GitHub.

Finally, some quick bits about me.

  • Passionate about bridging the gap between coding and design
  • Focused on client collaboration and end-to-end project execution
  • Avid learner and aspiring indie hacker
  • Available for freelance work (I promise, I'm friendly 😄)

Feel free to reach out if you want to discuss any project or idea!😉

Skills

The skills, tools and technologies I am really good at:

HTML

CSS

Bootstrap

Tailwindcss

Javascript

Typescript

React.js

Next.js

Supabase

Git

Experience

Here is a quick summary of my most recent experiences:

Burger Website UI

  • I developed a burger website using Next.js, TypeScript, Tailwind CSS, and custom CSS. This project was really helpful in refining my skills, and I focused on creating a modern, responsive design. I’ve also worked on improving this UI by learning the latest technologies and continuously trying to make it better and better. Working on projects like this has given me solid experience in building interactive, user-friendly interfaces, and I’m looking forward to creating even more advanced designs!

Nov 2024 - Nov 2024

Team Lead

  • At SMIT, I gained valuable hands-on experience by creating several responsive UIs, including for the Nurpur website, gaming website, gym website, and UIs for AliExpress, Facebook, Amazon, and YouTube. During a hackathon, I created a Figma design and, within just 2 hours, built the UI using HTML, CSS, and Bootstrap. I also pushed the code to GitHub and hosted it on Netlify. This experience greatly improved my UI design and rapid development skills.
  • At SMIT, due to my strong skills in HTML, CSS, and Bootstrap, I was chosen as the class leader. This recognition gave me the opportunity to guide and support my peers, while also further honing my leadership and technical skills.

Aug 2024 - Sep 2024

Work

Some of the noteworthy projects I have built:

SnapCodeShare preview

SnapCodeShare

SnapCodeShare is a fully responsive code and text sharing platform built using React, Tailwind CSS, and Supabase. Designed as an alternative to AirForShare, this app allows users to quickly share code snippets or plain text between devices—even across different networks, unlike AirForShare which works only on the same network. The platform ensures a smooth and fast user experience with real-time data syncing, making it ideal for quick collaboration, pair programming, or note sharing. Whether you're on mobile or desktop, SnapCodeShare is optimized for all screen sizes and delivers a seamless experience.

React

Tailwind CSS

Supabase

Events Management System preview

Events Management System

This Events Management System was built during a 7-hour hackathon at SMIT using React, Tailwind CSS, Flowbite, Toastify, and Supabase. It is a fully responsive platform designed to manage and track various student events. A standout feature of this app is the integrated real-time chatbot, allowing users to communicate directly with the admin—similar to a WhatsApp group chat. This feature enhances user engagement and streamlines communication during events. Admins can post updates and respond to users in real-time, while users can also interact with each other and the organizers. The system is intuitive, fast, and designed for efficient event coordination.

React

Tailwind CSS

Flowbite

Toastify

Supabase

Weather App preview

Weather App

I have developed a fully responsive Weather App using React and Tailwind CSS. This application provides real-time weather updates for any city entered by the user. It displays current temperature, weather conditions, humidity, and wind speed, all fetched dynamically from the WeatherAPI.com service. The interface is clean, modern, and fully responsive, ensuring a smooth experience across all devices. My focus was on creating a visually appealing and highly functional app that delivers accurate weather information quickly.

React

Tailwind CSS

JavaScript

WeatherAPI.com

SMIT Portal preview

SMIT Portal

I have built the SMIT Portal, which is also being used in my class. This portal allows students to submit their assignments and view each other’s submissions. It provides access to all the books being taught and also keeps track of the assignments given to students. Additionally, it includes an admin system where admins can log in to edit or delete student data. My focus was on creating an easy-to-use and efficient platform that benefits both students and administrators.

HTML

CSS

Tailwind CSS

JavaScript

Supabase

Instagram Clone preview

Instagram Clone

I have built an Instagram Clone that includes several original features such as authentication, post upload & delete, an explore page displaying images, and a home page showing posts. In addition to these, I have introduced a unique AI Assistant feature. This AI Assistant supports the top 10 languages and helps users by providing post ideas, growth strategies, relevant hashtags, and more—guiding them from post creation to maximizing engagement. My focus was on making the platform intuitive, feature-rich, and user-friendly.

HTML

CSS

Tailwind CSS

JavaScript

Supabase

Live Cricket Updates preview

Live Cricket Updates

I have built a Live Cricket Updates website using an API that provides real-time cricket scores, team flags, match dates, series names, match types, and match start times. My focus was on delivering fast and accurate information while ensuring a smooth and user-friendly experience across all devices.

HTML

CSS

Tailwind CSS

JavaScript

MoviesHub preview

MoviesHub

I have built MoviesHub, a website that provides movie posters, trailers, and full movies using an API. It also includes a powerful search feature to find movies along with detailed information. For security, I have implemented Supabase Authentication to ensure safe access for users. My focus was on creating a seamless and user-friendly experience across all devices.

HTML

CSS

Tailwind CSS

JavaScript

Supabase

Vision AI preview

Vision AI

I have built Vision AI, an advanced AI-powered tool that generates images based on user prompts. Simply enter any description, and the AI will create stunning visuals instantly. My focus was on making the tool intuitive, efficient, and accessible across all devices.

HTML

CSS

Tailwind CSS

JavaScript

Ecommerce Website preview

Ecommerce Website

I have built an Ecommerce website called TechBazaar, which features an AI Assistant to help users with smart shopping suggestions and queries. My focus was on creating a user-friendly design and ensuring smooth performance so that the website works seamlessly on all devices.

HTML

CSS

Tailwind CSS

JavaScript

Nurpur UI preview

Nurpur UI

I created the UI for the Nurpur website, where I tried to make it better than the original design. I added animations on scroll, which make the website more interactive and engaging. My focus was on making the website user-friendly and ensuring it works smoothly on all devices.

HTML

CSS

Bootstrap

JavaScript

Burger UI preview

Burger UI

I designed the UI for my burger website from scratch, which includes Home, About, Services, Menu, and Contact pages. After designing, I built it using Next.js version 14, and used Tailwind CSS along with custom CSS to make it fully responsive. The website works perfectly on all devices.

Next.js

Typescript

Tailwindcss

CSS

Testimonials

Nice things people have said about me:

Ethan Blackwood avatar

"Job well done! I am really impressed with Ali's work. He is excellent at frontend development and truly skilled in creating responsive and user-friendly interfaces. I would highly recommend him and will definitely rehire for future projects."

Ethan Blackwood

Founder - TechPulse.io

Liam Davenport avatar

"Great guy, highly recommended for any complex frontend development project! Ali’s skills are top-notch, and he’s sure to be an amazing addition to any team. His work is always impressive, and he consistently delivers high-quality results."

Liam Davenport

Founder - CodeSphere.io

Noah Kensington avatar

"Ali was really easy and enjoyable to work with, and he genuinely cares about making the project a success. He has a strong understanding of frontend development and worked on my project without any issues, delivering high-quality results."

Noah Kensington

Freelancer

Get in touch

What’s next? Feel free to reach out to me if you are looking for a developer, have a query, or simply want to connect.

aliraza.developerhub@gmail.com

+92 33421296768

You may also find me on these platforms!