Marvel React App (Marvel API + React)

✨ Project Overview

This is a Marvel-themed web application that allows users to browse, search, and explore Marvel characters using the official Marvel API.
It’s built with React, Axios, and custom SCSS styling, and showcases API integration, error handling, and component-based architecture.

It’s a fun and interactive way to test and improve my frontend skills while working with a real-world public API.

⚙️ Tech Stack

• React — Component-based UI library
• Axios — HTTP client for API requests
• Marvel API — Official API for character data
• SCSS — Custom styles with modules
• React Router — SPA navigation

📐 Features

• Character list with thumbnails and names
• Detailed view with biography and comics
• Search functionality by character name
• Pagination for browsing large sets
• Loading and error states
• Mobile-friendly responsive design

🧱 Folder Structure

marvel-react-app/
├── public/
├── src/
│   ├── components/
│   ├── css/
│   ├── hooks/
│   ├── resources/img/
│   ├── services/
│   ├── style/
│   └── index.js
└── ...config files

🧠 Why I Built This

I wanted to practice working with third-party APIs, and the Marvel API offered a great dataset to build something fun and useful.
This project helped me:

• Deepen my knowledge of React and hooks
• Improve my state and error handling patterns
• Practice API request optimization
• Polish layout and design with SCSS

🔍 Future Improvements

• Add comic and series browsing
• Introduce favorite/save feature (localStorage)
• Filter by popularity or comic appearances
• Use TypeScript for type safety
• Add loading skeletons and better animations

🔗 Related Links

• 🐙 GitHub Repo
• 🧠 About Me
• 💬 Contact Me

Thanks for checking it out! I’d love your feedback or suggestions — or even collaboration on future features 👊