Mikael

Web and Mobile App Developer crafting thoughtful and memorable user experiences

View Projects

Hey, I'm Mikael - a developer focused on crafting intuitive experiences for Mobile devices and the Web.

Skills Attained and Practiced During the Sprint

Semantic HTML structure
CSS styling and layout (Flexbox, Grid)
Responsive design with media queries
Javascript fundamentals (variables, functions, events)
DOM manipulation and interactivity
Form validation and accessibility
CSS animations and transitions
Local storage and state persistence
Wireframing and layout planning
Git & Github workflow

Profile Page

👤 Profile Page I kicked off the sprint with a clean and accessible profile page — a simple but solid foundation.

Semantic HTML structure
Profile image, bio, and contact links
Live Server setup for instant preview
Git initialization and first push to GitHub

Flexbox Cats

🐱 Flexbox Cats I built a responsive layout of adorable cat cards — a fun way to master Flexbox and media queries.

Flexbox-based card layout
Gradient backgrounds and hover effects
Responsive design with media queries
Tested across multiple screen sizes

Screenshot of Flexbox Cats page

Calculator

🧮 Calculator I created a polished calculator with a dynamic history log — functional, responsive, and user-friendly.

Basic arithmetic operations
History log with timestamps
Responsive layout and styling
Error handling and visual feedback

Screenshot of Calculator project

Pixel Power: Retro Gaming

🎮 Pixel Power: Retro Gaming I designed a retro-themed landing page that feels like stepping into a pixelated arcade.

Custom CSS variables and pixel font
Flexbox layout for game cards
Hover effects and glowing borders
Background music and sound effects triggered by user interaction

Screenshot of Pixel Power: Retro Gaming

To-Do List

✅ To-Do List I built a fully functional To-Do list app that celebrates productivity and remembers your progress.

Task creation, completion, and removal
Timestamp tracking for creation and completion
Persistent storage via localStorage
Reset button to clear tasks and reset state
Light/dark mode toggle with animated icon
Input validation and error handling
Confetti celebration when all tasks are completed 🎉

Screenshot of To-Do List

Mission Terminal - Game Component

🧪 Mission Terminal — Game Component I prototyped a quest generator UI for a future game project — modular, interactive, and ready to plug in.

Custom UI for mission generation
Difficulty-based random mission logic
Game-ready component structure

Screenshot of the game-ready component Mission Terminal

Neural Command Console

🧠 Neural Command Console I built a futuristic dashboard for game development — modular, accessible, and glowing with style.

Neon glow effects and animations
Modular layout for scalability
“Boost Signal Strength” interactive feature
ARIA roles and full keyboard navigation
Skip link for fast content access
Lighthouse audit score: 94/100

Screenshot of Neural Command Console

Email LinkedIn Github