A modern and interactive portfolio built with Next.js 15, React 19, TailwindCSS 3, Framer Motion 12, and FontAwesome 6.
This site highlights my projects, skills, and journey as a developer with smooth animations and responsive design.
. ├── public/ # Static assets (logos, svgs, images) ├── src/app/ # Next.js App Router pages │ ├── page.js # Home page │ ├── About/page.js # About page │ ├── MyProjects/page.js# Projects page │ ├── MsgMe/page.js # Contact page │ └── layout.js # Root layout ├── src/components/ # Reusable React components ├── src/Styles/ # CSS Modules └── src/utils/ # Utilities (placeholder)
- 🎨 Dynamic Background with shapes and particles
- 🖱️ Custom Cursor Trail (characters + glowing dots)
- 📝 Typewriter Effect for animated text
- ⚡ Framer Motion animations (smooth transitions & hover effects)
- 🎭 Full-page Scroll Snap Layout (Home, About, Projects, Contact)
- 🖼️ Project Cards with hover animations and links
- 🌙 Dark Mode support via Tailwind
- 📱 Responsive design (mobile to desktop)
- Framework: Next.js 15
- UI Library: React 19
- Styling: Tailwind CSS 3
- Animations: Framer Motion 12
- Icons: FontAwesome 6
-
Clone the repository git clone https://github.com/theamanullahdev/portfolio.git cd test1
-
Install dependencies npm install
-
Run the development server npm run dev
Open http://localhost:3000 🎉
-
Build for production npm run build npm start
- 🌐 Live Portfolio: https://theamanullahdev.com
- 💻 GitHub Profile: https://github.com/theamanullahdev
- 🐦 Twitter: https://twitter.com/theamanullahdev
This project is open source and available under the MIT License.