Michael Perez

Portfolio Website

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS.

Features

• Modern Design: Clean and professional design with dark mode support
• Responsive: Fully responsive design that works on all devices
• Performance: Built with Next.js for optimal performance and SEO
• TypeScript: Type-safe development with TypeScript
• Styling: Beautiful styling with Tailwind CSS
• Interactive: Smooth animations and hover effects
• Accessible: Built with accessibility best practices

Pages

• Home: Hero section with introduction and skills overview
• About: Detailed information about experience, education, and skills
• Projects: Showcase of development projects with live demos and source code
• Contact: Contact form and social media links

Tech Stack

• Next.js 15 - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Heroicons - Icons

Getting Started

1. Clone the repository

   git clone <your-repo-url>
   cd portfolio
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm run dev
   

4. Open your browser Navigate to http://localhost:3000

Customization

Personal Information

• Update the hero section in src/app/page.tsx
• Modify the About page content in src/app/about/page.tsx
• Update contact information in src/app/contact/page.tsx

Projects

• Edit the projects array in src/app/projects/page.tsx
• Add your own project details, technologies, and links

Styling

• Customize colors and design in src/app/globals.css
• Modify Tailwind configuration in tailwind.config.ts

SEO

• Update metadata in src/app/layout.tsx
• Add your own favicon and images

Deployment

Vercel (Recommended)

1. Push your code to GitHub
2. Import your repository on Vercel
3. Deploy with one click

Other Platforms

You can deploy this Next.js app to any platform that supports Node.js:

• Netlify
• AWS Amplify
• Digital Ocean
• Railway

Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint

License

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

Contact

Feel free to reach out if you have any questions or want to connect!

• Email: Perez6473@Gmail.com
• LinkedIn: Your LinkedIn
• GitHub: Your GitHub