https://github.com/danilfomchik/marvel-app-react
Marvel portal displaying characters, comics etc. using Marvel Comics API.
https://github.com/danilfomchik/marvel-app-react
api marvel-api react react-router scss
Last synced: about 1 month ago
JSON representation
Marvel portal displaying characters, comics etc. using Marvel Comics API.
- Host: GitHub
- URL: https://github.com/danilfomchik/marvel-app-react
- Owner: danilfomchik
- Created: 2022-12-15T11:27:05.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-04-03T17:45:45.000Z (about 2 months ago)
- Last Synced: 2025-04-09T19:59:20.269Z (about 1 month ago)
- Topics: api, marvel-api, react, react-router, scss
- Language: JavaScript
- Homepage: https://marvel-app-react-bay.vercel.app/
- Size: 56.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Marvel App (React)
This is a **React-based** application that allows users to explore Marvel characters, comics, and other related content. The project utilizes the **Marvel API** to fetch and display data dynamically.
## 🚀 Features
- 📌 **Browse Marvel Characters** – View details about different Marvel superheroes and villains.
- 📖 **Explore Comics** – Get information about Marvel comics, including descriptions and covers.
- 🔍 **Search Functionality** – Find characters and comics quickly.
- ⚡ **Responsive UI** – Optimized for desktop and mobile devices.
## 🛠️ Technologies Used
- **React** – UI library
- **React Router** – For navigation
- **Marvel API** – To fetch Marvel data
- **CSS Modules / SCSS** – Styling
## 📦 Installation
1. Clone the repository:
```sh
git clone https://github.com/danilfomchik/Marvel-app-react.git
```
2. Navigate to the project directory:
```sh
cd Marvel-app-react
```
3. Install dependencies:
```sh
npm install
```
4. Create a .env file in the root directory and add your Marvel API key:
```sh
REACT_APP_MARVEL_API_KEY=your_api_key_here
```
5. Start the development server:
```sh
npm start
```
## 📸 Project Demo
## 📜 License
This project is licensed under the **MIT License**.
## 🙌 Acknowledgments
- **Marvel API** – For providing all the data
- **React Community** – For maintaining a great ecosystem
Feel free to contribute or open issues if you find any bugs! 🚀