Portfolio

A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS, showcasing my professional experience and projects in software engineering.

🚀 Features

• Responsive Design: Fully responsive layout that works seamlessly across all devices
• Interactive Experience Section: Expandable sections showing detailed work history and projects
• Project Previews: Dynamic project cards with live preview screenshots using microlink.io
• Modern Tech Stack: Built with React 18, TypeScript, and Tailwind CSS
• Clean Architecture: Component-based structure with TypeScript interfaces for type safety

🛠 Tech Stack

• React 18
• TypeScript
• Tailwind CSS
• Microlink API
• GitHub Actions (CI/CD)

📂 Project Structure

portfolio/
├── src/
│   ├── components/
│   │   ├── Education.tsx
│   │   ├── Experience.tsx
│   │   ├── MainComponent.tsx
│   │   ├── Overview.tsx
│   │   ├── ProjectCard.tsx
│   │   ├── Projects.tsx
│   │   ├── Sidebar.tsx
│   │   └── Skills.tsx
│   └── ...

🔍 Key Components

• Experience: Interactive timeline of professional experience with expandable project details
• Projects: Gallery of projects with live previews and technology tags
• Skills: Comprehensive list of technical skills and competencies
• Education: Academic background and certifications

🚀 Deployment

The site is automatically deployed to GitHub Pages using GitHub Actions. Each push to the main branch triggers a new deployment.

Visit the live site: https://mollybeach.github.io/portfolio

🛠 Local Development

1. Clone the repository:

git clone https://github.com/mollybeach/portfolio.git

2. Install dependencies:

cd portfolio
npm install

3. Start the development server:

npm start

4. Open http://localhost:3000 to view it in your browser.

📱 Responsive Design

The portfolio is fully responsive and optimized for:

• Desktop displays
• Tablets
• Mobile devices

🔄 CI/CD

Continuous deployment is handled through GitHub Actions, with automatic builds and deployments to GitHub Pages on every push to the main branch.

📄 License

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

📞 Contact

Feel free to reach out for any questions or collaborations!

[LinkedIn](Your LinkedIn URL) GitHub [Email](Your Email)