🌌 Portfolio 2 — Ida Toldnæs

A responsive, multi-page developer portfolio built with React + Vite + Tailwind CSS v4, showcasing my front-end projects, personal brand, and design philosophy.

✨ Features

• 🎨 Responsive design — fully optimized for mobile, tablet, and desktop.
• 🌙 Light/Dark mode toggle with smooth transitions.
• 🌠 Animated starfield background built in React for a dynamic, immersive feel.
• 🧭 Multi-page navigation using React Router (Home, About, Archive, Project Detail, Contact).
• 🪄 Typewriter hero section introducing my brand and personality.
• 🧩 Projects carousel displaying featured work with accessible keyboard navigation.
• 💌 Contact form integrated with Web3Forms API and accessibility validation.
• 🧼 Clean, semantic markup and fully keyboard navigable interface.
• 🛠️ Built with modern stack: React, Vite, Tailwind CSS v4, and ESLint for quality assurance.

🧱 Technologies Used

Core Stack

• ⚛️ React — component-based UI architecture
• ⚡ Vite — fast build tool and dev server
• 💨 Tailwind CSS v4 — utility-first styling
• 🌐 React Router — multi-page routing

Tools & Integrations

• 🪶 Web3Forms — form submission API (Contact page)
• 🧰 ESLint — linting and code consistency
• 🧪 Postman — API testing
• 🖌️ Figma — UI/UX design and prototypes
• ☁️ Netlify — deployment and hosting

Design

• ✍️ Fonts: Permanent Marker (headings) & Figtree (body)
• 🌈 Custom gradient themes & reusable CSS tokens for brand consistency

📁 Project Structure

src/ ├── assets/ # Images and media files ├── components/ # Reusable UI components (Header, Carousel, Starfield, etc.) ├── data/ # Static data for projects ├── routes/ # Page-level components (Home, About, Archive, Contact, etc.) ├── styles/ # Global styles and Tailwind config ├── App.jsx # Root component with routing └── main.jsx # React entry point

💐 Acknowledgements

• Web3Forms for powering the contact form
• React Icons for consistent iconography
• Starfield background inspired by Renee Kuai — adapted and rebuilt for React
• Special thanks to Noroff School of Technology and Digital Media for guidance and feedback throughout the Front-End Development program ✨

🪪 License

All rights reserved © Ida Toldnæs, 2025.
This project is part of my personal portfolio and is not open for redistribution or commercial use.
Feel free to explore, but please do not copy, reuse, or republish code or designs without permission.