Skip to content

UlrikaRakkaBrant/js-project-portfolio

 
 

Repository files navigation

Portfolio

https://ulrikasportfolio.netlify.app/

🌟 Ulrika Einebrant – Portfolio

This is my personal developer portfolio built with React, designed to showcase my web projects, skills, and creative work — including my theatre group, Kompani Error.

It’s built mobile-first and fully responsive across devices, following my custom design in Figma.


🚀 Features

  • 💻 Responsive Design – Optimized for mobile, tablet, and desktop
  • ⚛️ Built with React – Component-based structure for reusability and clarity
  • 💅 Styled-components – Modern CSS-in-JS styling with theme and global styles
  • 🧩 Dynamic Content – Projects and articles loaded from JSON data
  • 🖼️ Accessible & Inclusive – Semantic HTML, ARIA labels, and alt text
  • 🌐 Deployed on Netlify – Continuous deployment via GitHub
  • 🎭 Personal Touch – Integrates creative work such as Kompani Error

🧱 Tech Stack

Category Technology
Frontend React (Vite), JavaScript (ES6+), JSX
Styling Styled-components, CSS Grid/Flexbox
Design Figma (custom responsive design)
Deployment Netlify, GitHub
Tools npm, Git, VS Code

🧠 Key Learnings

  • Building and structuring a scalable React project
  • Creating reusable, accessible components
  • Handling responsive layouts based on Figma designs
  • Using styled-components for modular styling
  • Working with version control (Git) and CI/CD (Netlify)

🔗 Live Demo

👉 View Portfolio on Netlify 👉 GitHub Repository


🪄 Future Improvements

  • Add light/dark mode toggle
  • Animate transitions (Framer Motion)
  • Write more articles
  • Add unit tests with React Testing Library

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.5%
  • HTML 2.5%