Skip to content

Latest commit

 

History

History
91 lines (66 loc) · 2.54 KB

README.md

File metadata and controls

91 lines (66 loc) · 2.54 KB

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
  1. Install dependencies:
cd portfolio
npm install
  1. Start the development server:
npm start
  1. 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)