A modern, responsive developer portfolio website built using Next.js, Tailwind CSS, and Framer Motion. Showcases my skills, projects, and contact information with smooth animations and a clean UI.
🔗 https://arafaths.vercel.app/
- ⚡ Modern Hero Section with animations
- 🧑💻 About Me section
- 🛠 Skills showcase
- 📂 Projects section with live demo & GitHub links
- 📬 Contact form (EmailJS integration)
- 📱 Fully responsive (mobile + desktop)
- 🎨 Smooth animations using Framer Motion
- 🌙 Dark themed UI
- Frontend: Next.js, React
- Styling: Tailwind CSS
- Animation: Framer Motion
- Email Service: EmailJS
src/
├── app/
│ ├── page.js
│ ├── layout.js
│
├── components/
│ ├── Navbar.jsx
│ ├── Hero.jsx
│ ├── About.jsx
│ ├── Projects.jsx
│ ├── Contact.jsx
│ ├── Footer.jsx
│
public/
├── profile.png
├── favicon.ico
Clone the project and install dependencies:
git clone https://github.com/arafaths/portfolio
cd your-repo
npm installRun the development server:
npm run devOpen in browser:
http://localhost:3000
Create a .env.local file and add:
NEXT_PUBLIC_EMAILJS_SERVICE=your_service_id
NEXT_PUBLIC_EMAILJS_TEMPLATE=your_template_id
NEXT_PUBLIC_EMAILJS_KEY=your_public_key- Create account on EmailJS
- Connect your Gmail
- Create template with variables:
{{user_name}}
{{user_email}}
{{message}}
(Add your project screenshots here)
- 🔥 Add blog section
- 🌙 Light/Dark mode toggle
- 📊 More animations & interactions
- 🌍 Multi-language support
I’m a MERN Stack Developer (Fresher) currently learning and building modern web applications. I love turning ideas into real-world projects and continuously improving my skills.
- Email: [email protected]
- Phone: +8801986933704
If you like this project, please ⭐ star the repository!
This project is open-source and available under the MIT License.