Portfolio

Portfolio

All Project I've Created💼

I've created a few project while i was learing about frontend website development. and all of project i'll explain below

KNA Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

Tailwind

KNA (Keanu Abimanyu Construction) Landing Page is a website that I created using HTML, CSS, JS, and Tailwind. This website displays information about a construction company that operates in the field of construction, such as building, renovation, and maintenance services. This website also has portfolio, testimonial, and consultation features that make it easy for visitors to know the quality and excellence of this construction company.

KHASS E-Ticketing
Tech Stack Logo

Next JS

Tech Stack Logo

Tailwind

Tech Stack Logo

Express JS

KHASS is an e-ticketing website for selling theater tickets and promoting theaters. It was created using Next JS, Tailwind, and Express JS with my team. This website allows users to discover and purchase tickets for various theater performances. KHASS showcases information about different theaters, their upcoming shows, ticket availability, pricing, and more. The website provides a convenient platform for theaters to promote their shows and engage with potential audience members. Overall, KHASS aims to connect theater-goers with show tickets in an intuitive online marketplace.

My Personal Portfolio
Tech Stack Logo

Next JS

Tech Stack Logo

Tailwind

Tech Stack Logo

Framer Motion

This is a personal branding project that I created using Next JS, Tailwind CSS, and Framer Motion. This project consists of a website that showcases my skills, achievements, and personality. The website has seven sections: Home, About, Experiences, Services, Portfolio, Articles, and Contact. The website is designed to be responsive, interactive, and engaging. The website aims to impress and connect with potential clients, employers, and collaborators.

Phantom Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

JavaScript

Phantom is a website that I created using HTML, CSS, and JavaScript. This website displays information about a company that sells phones with the Phantom brand. This website also showcases the features, specifications, and prices of the Phantom phones, as well as the customer reviews and feedback. This website aims to attract and inform potential buyers about the quality and innovation of the Phantom phones.

Petabyte Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

Bootstrap

Petabyte Landing Page is a website that I created using HTML, CSS, and Bootstrap. This website displays information about a software house that operates in the field of education, such as application, website, and educational game creation services. This website also has portfolio, testimonial, and consultation features that make it easy for visitors to know the quality and excellence of this software house.

HooBank Landing Page
Tech Stack Logo

React JS

Tech Stack Logo

Tailwind

Tech Stack Logo

Vite

HooBank is a website that I created using React JS, Tailwind CSS, and Vite. This website displays information about a company that operates in the field of financial digitalization, such as payment, transfer, and online investment services. This website also has security, convenience, and ease features that make it easy for users to manage their finances digitally.

OurTube
Tech Stack Logo

React JS

Tech Stack Logo

Material UI

OurTube is a website that I created using React JS and Material UI. This website is a clone of YouTube for learning purposes. This website allows users to watch, and search on videos from various categories and channels. This website also has features such as recommendations. This website aims to demonstrate my ability to create a complex and functional web application using modern technologies.

Twitter Clone
Tech Stack Logo

Next JS

Tech Stack Logo

Tailwind

Tech Stack Logo

TypeScript

This is a Twitter clone that I created using Next JS, Typescript, and Tailwind CSS for learning purposes. This website allows users to create, like, and retweet posts from other users. This website also has features such as authentication. This website aims to show my proficiency in using Next JS, Typescript, and Tailwind CSS to create a dynamic and responsive web application.

YoDoo
Tech Stack Logo

React JS

YoDoo is a website that I created using React JS. This website is a simple to do list application. This website allows users to add, edit, delete, and mark as done their tasks. This website aims to help users manage their daily activities and goals in an easy and fun way.

Crappo Landing Page
Tech Stack Logo

React JS

Tech Stack Logo

Tailwind

Crappo is a website that I created using React JS and Tailwind CSS technologies. This website is about cryptocurrency investment. This website allows users to view, buy, and sell various cryptocurrencies such as Bitcoin, Ethereum, and Dogecoin. This website also has features such as charts, news, and alerts. This website aims to provide users with a convenient and secure platform to invest in the growing and volatile cryptocurrency market.

Geritch Landing Page
Tech Stack Logo

React JS

Geritch is a website that I created using React JS. This website is about a luxurious restaurant. This website allows users to view the menu, gallery, and reviews of the restaurant. This website also has features such as reservation, delivery, and gift card. This website aims to attract and impress customers with the high-quality and exquisite cuisine and service of the restaurant.

XPense Landing Page
Tech Stack Logo

React JS

Tech Stack Logo

Tailwind

XPense is a website that I created using React JS and Tailwind CSS. This website is about a company that provides cloud server services. This website allows users to choose, customize, and manage their cloud servers according to their needs and budget. This website also has features such as billing, support, and analytics. This website aims to offer users a reliable and affordable solution to host their websites and applications on the cloud.

Elecar Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

JavaScript

Elecar is a website that I created using HTML, CSS, and JavaScript technologies. This website is about a company that sells electric cars. This website allows users to browse, compare, and order various models of electric cars that are eco-friendly, efficient, and stylish. This website also has features such as testimonials, FAQs, and contact. This website aims to promote and sell the electric cars of the company.

Coffee Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

JavaScript

Coffee is a website that I created using HTML, CSS, and JavaScript. This website is about a cafe that serves delicious coffee, tea, and pastries. This website allows users to view the menu, location, and hours of the cafe. This website also has features such as online ordering, loyalty program, and feedback. This website aims to attract and satisfy customers with the quality and variety of the cafe’s products and services.

Holux Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

JavaScript

Holux is a website that I created using HTML, CSS, and JavaScript. This website is about a real estate company that sells properties. This website allows users to browse, filter, and inquire about various properties such as houses, apartments, and lands. This website also has features such as valuation, financing, and consultation. This website aims to provide users with a professional and trustworthy service to buy or sell their properties.

Shop Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

JavaScript

Shop is a website that I created using HTML, CSS, and JavaScript. This website is about a boutique that sells fashionable clothes, accessories, and shoes. This website allows users to view, add to cart, and checkout the products that they like. This website also has features such as reviews, ratings, and discounts. This website aims to attract and delight customers with the quality and style of the boutique’s products.

Berotot Landing Page
Tech Stack Logo

HTML

Tech Stack Logo

CSS

Tech Stack Logo

JavaScript

Berotot is a website that I created using HTML, CSS, and JavaScript technologies. This website is about a gym that offers various fitness programs, equipment, and trainers. This website allows users to view the gym’s facilities, schedule, and membership plans. This website also has features such as online booking, payment, and feedback. This website aims to attract and motivate customers with the quality and diversity of the gym’s services.

Back To Section

Muhammad Sufyan

Frontend Developer🧑‍💻

Home
About
Skills
Educations
Experiences
Portfolio
Blog
Contact
© 2024 Created by Muhammad Sufyan. All right reserved