hi, i'm khawar
Software Engineer, I love building things.

About

Software Engineer with experience building web applications using Next.js, React JS, TypeScript, and Redux Toolkit. Proficient in delivering full- stack applications in collaboration with cross - functional teams.Improved web app responsiveness and increased user engagement by 25 % through effective interfaces.

Skills

Next.js
React.js
Javascript
Typescript
HTML
CSS
SASS
Drizzle ORM
NeonDB
Node.js
MongoDB
Swr
Redux Toolkit
Jotai
Clerk Auth
Kinde Auth
Next Auth
REST API
Strapi Headless CMS
Git & GitHub
Netlify
Vercel
My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

Medium Blogs Next App

Medium Blogs Next App

Medium Blogs app allowing users to write, view stories. Features include story creation, tagging, filtering, Google authentication, and search functionality. Users can like, comment, reply, save, and share stories, with profile management for drafts, published stories, and saved content.

Next.js
Neon Database
Drizzle ORM
TypeScript
NextAuth
Tailwind CSS
Uploadcare
SWR
Jotai
Shadcn UI
 Magic UI
Groupe Mopakam Ecommerce Next App

Groupe Mopakam Ecommerce Next App

The Groupe Mopakam Next.js eCommerce Application is a comprehensive platform designed for seamless online shopping. Built with Next.js, it incorporates Clerk authentication for secure logins via email magic links, ensuring user safety. The application features a modern, responsive design using Tailwind CSS and Shadcn UI. On the backend, it leverages Neon for a serverless PostgreSQL database, while Drizzle ORM manages the schema with the added benefits of TypeScript for type safety. Key functionalities include product display, a shopping cart, and checkout for customers, alongside an admin dashboard that enables efficient product, category, order, and customer management with full CRUD capabilities. This creates a robust and user-friendly eCommerce experience for both shoppers and administrators.

Next.js
TypeScript
Tailwind CSS
Shadcn UI
Clerk Authentication
Neon DB
Drizzle ORM
Typescript
Upload Thing
Mikande Next App

Mikande Next App

Mikande web application using Next.js, leveraging server-side rendering for improved performance and SEO optimization. Integrated real-time APIs to display dynamic content and built responsive, reusable components using React.js, Tailwind CSS, and Material UI. Ensured a smooth, mobile-friendly user experience with Next.js's file-based routing for efficient navigation and structure.

Next.js
TypeScript
Tailwind CSS
Shadcn UI
Vendra Ecommerce MERN App

Vendra Ecommerce MERN App

The Vendra Ecommerce app features comprehensive product management, including display, search, add, edit, and delete options. It offers dynamic category, order, and contact management while highlighting best-selling and discounted products. The app integrates advanced search functionality, wishlist, cart, and coupon systems with a smooth checkout process. With pages like Home, Shop, About, Contact, Compare, and Discount, users can explore products with filters and layout options. Other features include single product reviews, user profile management, currency conversion, image uploads via Uploadcare, and robust admin, vendor, and user management systems.

React JS
Mongo DB
Node JS
Express JS
Tailwind CSS
Netflix Verse React app

Netflix Verse React app

Created the Netflix-verse React app featuring dynamic background images on the home page, powered by the TMDB API. Developed dynamic components showcasing trending and popular movies and TV shows with daily and weekly trend highlights. Integrated React Select for efficient filtering of content. The app includes comprehensive movie details pages with trailer playback, cast information, official videos, and recommendations for similar movies or TV shows, delivering an engaging and seamless user experience.

React JS
Api Integration
Redux Toolkit
Tailwind CSS
Weatherify React App

Weatherify React App

Developed the Weatherify React app, integrating real-time weather data from a Weather API. The app features a responsive design with support for both dark and light modes, optimizing the user experience. It displays key weather conditions including date, day, sunrise, sunset, air quality, humidity, visibility, and atmospheric pressure. Additionally, a detailed forecast section provides temperature and wind speed information throughout the day, ensuring users have access to comprehensive weather updates.

React JS
Api Integration
Redux Toolkit
Tailwind CSS
Docket React App

Docket React App

Developed the Docket React App, a platform for users to organize and manage their notes efficiently. Key features include the ability to create, update, and delete notes, as well as create and manage folders for better organization. Users can associate notes with specific folders, enhancing productivity. The app also incorporates a powerful search feature, allowing users to quickly locate notes or folders by keywords or phrases. State management is handled using Redux Toolkit, ensuring efficient and centralized data handling throughout the application.

React JS
Typescript
Redux Toolkit
Tailwind CSS
Jsdvstore Ecommerce React App

Jsdvstore Ecommerce React App

Created the Jsdvstore Ecommerce React app to deliver a seamless shopping experience. The app integrates a custom API to display a wide range of products, with category-specific functionality to fetch and showcase related items. I developed dynamic search capabilities, allowing users to quickly locate desired products. Additionally, the app features a user-friendly product detail page with add to cart functionality, enabling users to adjust quantities while automatically updating the total and individual prices for a smooth and intuitive shopping experience.

React JS
Api Integration
Tailwind CSS
Seppo Landing Page Website

Seppo Landing Page Website

Seppo Landing Page website is a professionally designed and responsive web page built using HTML, CSS, JavaScript, and Bootstrap CSS. It serves as a captivating and informative introduction to the Seppo brand or product.

HTML
CSS
Javascript
Bootstrap
Apple iPhone 13 Clone

Apple iPhone 13 Clone

Apple iPhone 13 Clone website using HTML, CSS, JavaScript, and Tailwind CSS. It showcases the iPhone 13's features, specifications, and visuals, allowing users to explore and compare models. The design closely emulates the official Apple website, offering a visually appealing and immersive experience.

HTML
CSS
Javascript
Tailwind CSS
W3School Clone Website

W3School Clone Website

W3School Clone website to replicate the design and functionality of the popular W3Schools website. Built using HTML, CSS, and JavaScript, the site offers comprehensive tutorials, references, and examples for various web development technologies. Users can explore the site to learn and practice different programming languages, web development techniques, and frameworks, all within a familiar interface similar to the original site.

HTML
CSS
Javascript
Modern Apartment React app

Modern Apartment React app

Developed The Modern Apartment static React app, a responsive web application. Utilized React.js for dynamic UI rendering, CSS for styling, JavaScript for interactivity, and Bootstrap CSS for a responsive design. The app allows users to explore various apartments and view detailed property information, offering a seamless browsing experience.

React JS
CSS
Bootstrap
Javascript
Contact

Get in Touch

Wanna create something awesome together? Reach out at khawarsultan.developer@gmail.com and I'll respond whenever I able to ...