💫 Natália Rosa – Portfolio

A modern and responsive portfolio showcasing my work as a Data Analyst and Fullstack Developer.

---

✨ Features

• Modern UI/UX – Clean, elegant and professional design
• Fully Responsive – Works on all devices
• Dark/Light Theme – Dynamic theme switching
• Smooth Animations – Motion UI with Framer Motion
• TypeScript – Type-safe development
• Performance Optimized – Fast loading with Vite
• SEO Friendly – Enhanced for search engines

---

🛠 Tech Stack

• Frontend Framework: React + TypeScript
• Build Tool: Vite
• Styling: TailwindCSS + Shadcn UI
• Animations: Framer Motion
• Hosting: GitHub Pages
• CI/CD: GitHub Actions

---

🚀 Quick Start

Prerequisites: Node.js 18+ or Bun

Git Installation

1. Clone the repository

git clone https://github.com/laaaint/laaaint.github.io.git
cd laaaint.github.io

2. Install dependencies

npm install

bun install

1. Start development server

npm run dev

2. Build for production

npm run build

3. Preview the production build

npm run preview

🌐 Deployment

This project is deployed automatically using GitHub Actions.

Whenever you push to the main branch:

• GitHub Actions installs dependencies
• Builds the project with Vite
• Publishes the /dist folder

---

🚀 Vite configuration for GitHub Pages

export default defineConfig({
  base: "/",
})

🔄 Available Scripts

"scripts": {
  "dev": "vite",
  "build": "vite build",
  "preview": "vite preview",
  "lint": "eslint . --ext .ts,.tsx",
  "format": "prettier --write ."
}

📌 Roadmap

• Add a blog section

• Add an email contact form

• Add automated unit tests

• Improve SEO and metadata

• Add animated project case studies

---

👩‍💻 Author

Natália Rosa

🔗 LinkedIn: https://www.linkedin.com/in/natresmaciel/
📧 Email: nataliaresmaciel@outlook.com

---

📄 License

MIT License — free to use, modify, and distribute.

---

⭐ Support

If you like this project, consider giving it a star on GitHub — it helps a lot! 🌟