https://github.com/amruthlp12/dev_portfolio
A modern, responsive developer portfolio built with Next.js 15, Tailwind CSS, and Radix UI components. This project showcases a clean and functional design
https://github.com/amruthlp12/dev_portfolio
next15 portfolio portfolio-website react19 reactjs sections
Last synced: 10 months ago
JSON representation
A modern, responsive developer portfolio built with Next.js 15, Tailwind CSS, and Radix UI components. This project showcases a clean and functional design
- Host: GitHub
- URL: https://github.com/amruthlp12/dev_portfolio
- Owner: AmruthLP12
- Created: 2025-01-16T09:29:16.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-01-17T06:46:25.000Z (12 months ago)
- Last Synced: 2025-01-24T06:15:37.362Z (12 months ago)
- Topics: next15, portfolio, portfolio-website, react19, reactjs, sections
- Language: TypeScript
- Homepage: https://amruthlp.vercel.app/
- Size: 1.88 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```bash
git clone https://github.com/amruthlp12/dev-portfolio.git
cd dev-portfolio
```
2. Install Dependencies
```bash
npm install
```
3. Run the Development Server
```bash
npm run dev
```
Your app will be available at http://localhost:3000.
4. Build for Production
```bash
npm run build
```
5. Start the Production Server
```bash
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!