A modern, minimal portfolio website built with Next.js, React, TailwindCSS, and Acertinity UI.
This project showcases my project work, skills, ways to connect with me, education, etc. in a clean, responsive, and user-friendly design.
- 🚀 Built with Next.js for fast performance and server-side rendering.
- 🎨 Styled using TailwindCSS for responsive design.
- 🧩 Prebuilt UI components from Acertinity UI for consistency and speed.
- 📱 Fully responsive design — optimized for mobile, tablet, and desktop.
- 📂 Project and work showcase with smooth transitions and animations.
- Framework: Next.js
- Frontend: React
- Styling: TailwindCSS, PostCSS
- UI Components: Acertinity UI
- Deployment: Vercel
├── app/ # Next.js app directory (pages, layouts, routes)
├── components/ # Reusable React components
├── data/ # Portfolio/project data
├── lib/ # Utility functions
├── public/ # Static assets (images, icons, etc.)
├── styles/ # Global styles (if applicable)
├── package.json # Project dependencies
└── tailwind.config.ts # Tailwind configuration
-
Clone the repository
git clone https://github.com/yourusername/portfolio.git cd portfolio -
Install dependencies
npm installor
yarn install -
Run the development server
npm run devor
yarn dev
Open http://localhost:3000 in your browser to see the result.
To create a production build:
npm run build
npm start
- Integrate MongoDB Atlas to handle dynamic data such as experience entries and the bio
- Integrate contact form with email provider (e.g., Resend, Formspree).
- Integrate AWS S3 for managing images.
- Add GSAP and Framer motion animations
This project is fully inspired by Adrian Hajdin's Youtube channel. I followed the code through his guidance. Link to Adrian's GitHub.