Skip to content

A modern, responsive developer portfolio built with Next.js 15, Tailwind CSS, and Radix UI components. This project showcases a clean and functional design

Notifications You must be signed in to change notification settings

AmruthLP12/dev_portfolio

Repository files navigation

Dev Portfolio 🚀

A modern, responsive developer portfolio built with Next.js 15, Tailwind CSS, and Radix UI components. This project is designed to showcase your work, skills, and services while maintaining a sleek and professional look.


🌟 Features

  • Responsive Design: Optimized for all devices, from mobile to desktop.
  • Dynamic Themes: Easily switch between light and dark modes using next-themes.
  • Animations: Smooth and engaging animations powered by Framer Motion.
  • Contact Form: Integrated contact form with Nodemailer for real-time communication.
  • Optimized Performance: Leveraging TurboPack for faster builds and efficient runtime.

🛠️ Technologies Used

Frontend

  • Next.js 15: Modern React framework for server-rendered applications.
  • React 19: The latest version for creating UI components.
  • TailwindCSS 3.4: Utility-first CSS framework for styling.
  • Radix UI: Accessible, high-quality UI components.
  • Framer Motion: Library for animations and transitions.

Utilities

  • clsx, class-variance-authority, tailwind-merge: Tools for managing class names and dynamic styling.
  • Nodemailer: Email handling for the contact form.

Dev Tools

  • TypeScript 5: Strongly typed JavaScript for better developer experience.
  • ESLint: Linting for cleaner, error-free code.
  • TurboPack: Experimental bundler for faster builds.

🚀 Getting Started

  1. Clone the Repository
git clone https://github.com/amruthlp12/dev-portfolio.git
cd dev-portfolio
  1. Install Dependencies
npm install
  1. Run the Development Server
npm run dev

Your app will be available at http://localhost:3000.

  1. Build for Production
npm run build
  1. Start the Production Server
npm run start

✨ Customization

Update the content in the respective components (/components) to reflect your personal details, projects, and services.

Modify the TailwindCSS configuration in tailwind.config.js for custom styling.

Adjust theme settings in next-themes to fit your preferred design.

🌐 Live Demo

Add a link to your deployed portfolio (e.g., Vercel, Netlify, or your preferred hosting platform).

📧 Contact If you have any questions or feedback, feel free to reach out:

Email: amruthlp12@gmail.com

GitHub: https://github.com/AmruthLP12

Portfolio: https://amruthlp.vercel.app/

📝 License This project is licensed under the MIT License.

❤️ Thank You for Checking Out My Portfolio! If you like this project, please give it a ⭐ on GitHub!

About

A modern, responsive developer portfolio built with Next.js 15, Tailwind CSS, and Radix UI components. This project showcases a clean and functional design

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published