https://github.com/maria-parreira/portfolio
In construction... using React.TS
https://github.com/maria-parreira/portfolio
Last synced: 12 days ago
JSON representation
In construction... using React.TS
- Host: GitHub
- URL: https://github.com/maria-parreira/portfolio
- Owner: maria-parreira
- Created: 2024-08-09T22:41:56.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-23T10:58:19.000Z (about 1 year ago)
- Last Synced: 2025-01-17T21:09:50.005Z (9 months ago)
- Language: TypeScript
- Homepage:
- Size: 10.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Maria Parreira – Developer Portfolio
Welcome to my personal portfolio website!
This project showcases my professional journey, technical skills, and creative work as a software developer.
## Purpose
The goal of this portfolio is to present:
- My background in software development
- Technical and soft skills
- Academic and professional experiences
- Projects I’ve developed or contributed to
- A visually engaging and responsive design
---
## Technologies Used
- **React** – Functional components with TypeScript
- **Tailwind CSS** – Utility-first CSS framework for styling
- **React Intersection Observer** – For scroll-based animations and transitions
- **TypeScript** – Strong typing for better scalability and maintainability
- **Framer Motion** (optional for future animations)
- **Modular Project Architecture** – Organized into components, sections, and data layers
---
## Project Structure
- `components/`: All reusable UI components grouped by section.
- `sections/`: Full page sections composing the site.
- `data/`: Static content that feeds each section.
---
## Responsiveness
The portfolio is responsive across all screen sizes:
- **Mobile-first** design
- Adaptive layouts using Tailwind’s responsive utilities
- Scroll-based animations for visual engagement
- Images and text are structured to avoid overlapping or overflow issues, especially on desktop
---
## Setup
1. **Clone the repository**
```bash
git clone https://github.com/yourusername/your-portfolio.git
cd your-portfolio
2. Install dependencies
```bash
npm install
```
3. Run the development server
```bash
npm run dev
```