Welcome to my personal portfolio website — built with cutting-edge technologies like Next.js, TypeScript, Tailwind CSS, and Framer Motion. It showcases my projects, skills, and includes a contact form for easy communication.
- Next.js – App Router & Server Actions
- TypeScript – Type safety throughout the codebase
- Tailwind CSS – Fast and modern styling using utility classes
- Framer Motion – Smooth animations and transitions
- Resend – Email service powering the contact form
- Lucide Icons – Clean, modern icon set
The contact form is fully functional using Resend, a modern email API.
- Sends emails directly to your inbox
- Validations and loading states included
- Uses
.env.localfor secure credentials
RESEND_API_KEY=your_resend_api_key_here
EMAIL_FROM=onboarding@resend.dev
EMAIL_TO=youremail@example.comgit clone https://github.com/yourusername/your-portfolio.git
cd your-portfolio
npm install
cp .env.local.example .env.localCreate a .env.local file and add:
RESEND_API_KEY=your_resend_api_key_here
EMAIL_FROM=onboarding@resend.dev
EMAIL_TO=youremail@example.comStart the dev server:
npm run dev
Feel free to reach out to me via any of the platforms below:
💼 LinkedIn: linkedin.com/in/devratdave
🐙 GitHub: github.com/devratdave
Or drop me a message through the Contact Form on the site.