DevJ Portfolio

A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS. This portfolio showcases both my technical skills as a full-stack developer and my creative journey in dance, art, and brand management.

🚀 Features

• Modern Tech Stack: Built with React 18, TypeScript, and Vite for optimal performance
• Responsive Design: Fully responsive layout that works on all devices
• Smooth Animations: Engaging animations using Framer Motion
• Dark Theme: Sleek dark theme with consistent blue accent colors
• Contact Form: Integrated contact form using Formspree
• Performance Optimized: Fast loading times and optimal build size

🛠️ Technologies Used

• React 18
• TypeScript
• Tailwind CSS
• Framer Motion
• Vite
• React Router DOM
• Formspree
• Lucide Icons

📦 Installation

1. Clone the repository:

   git clone https://github.com/devjasani79/DevJ-Portfolio.git
   cd DevJ-Portfolio

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

🌐 Deployment

This site is configured for deployment on Vercel/Netlify. The build output is in the dist directory.

Deployment Configuration

• Build command: npm run build
• Output directory: dist
• Install command: npm install

🎨 Project Structure

DevJ-Portfolio/
├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/         # Page components
│   ├── data/          # Static data and content
│   ├── styles/        # Global styles and Tailwind config
│   ├── assets/        # Images and other static assets
│   └── utils/         # Utility functions and helpers
├── public/           # Static files
└── dist/            # Build output

🔗 Connect with Me

• GitHub: devjasani79
• LinkedIn: ydevjasani79
• Instagram: dev_jasani

📄 License

This project is open source and available under the MIT License.