Portfolio App

A Portfolio App built with Next.js, Tailwind CSS, TypeScript and Frame Motion.

About Me 💙»

📫 How to reach me

How To Run This Project 🚀

• Clone the repo

  git clone

• Install NPM packages

  npm install

• Run the project

  npm run dev

• Open the project on your browser

  http://localhost:3000/

• Enjoy! 🎉

About The Project

product.mov

In this project, I will use Next.js, Tailwind CSS, TypeScript and Frame Motion to build a portfolio app.

Roadmap

• Project Setup
• Create Components
• Create Layout
• Create Pages
• Implement Tailwind CSS
• Implement NavBar
• Create Links for NavBar
• Implement Home Page
• Style Home Page & Avatar
• Implement Responsive Design
• Create Transition for Pages
• Implement Particles Background
• Fix Transition for Home Page
• Implement Header & Social Media Links
• Improve About Page
• Create Projects Page & Implement Projects
• Implement Swiper for Projects Page
• Fix Swiper module for TypeScript
• Create Work Page & Implement Works
• Implement Swiper for Work Page
• Implement Grid Slide for Work Page
• Create Contact Page & Implement Contact Form
• Fix About Page for Mobile View
• Project Deployment
• Project Done 🎉

(Still working on it...)

(back to top)

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

(back to top)