Marvel Characters App

Author

Muhammad Rizwan
Senior Developer | React | Next.js
Based in Dubai

Project Title

Marvel Characters Explorer

Live Demo

Click here to view the live demo

Project Description

The Marvel Characters Explorer is a web application that allows users to search and view details of their favorite Marvel characters. The app fetches character data from the Marvel API and displays it in a clean, responsive UI, featuring smooth animations, paginated results, and search functionality.

Features

• Search for Marvel characters by name
• Display character details such as image, description, and stories
• Paginated character list
• Skeleton loading effect for smooth user experience

Dependencies

This project is built using modern web technologies including:

• Next.js: Framework for server-rendered React apps
• React: Front-end JavaScript library for building user interfaces
• Axios: For making API requests
• Tailwind CSS: Utility-first CSS framework for styling
• react-icons: Icons used throughout the app
• md5: Used to generate hash for Marvel API authentication

Setup Instructions

Prerequisites

• Node.js (v22)
• NPM

Steps to Install and Run the Project

1. Clone the repository: git clone https://bitbucket.org/rizwannawaz/marvel-characters-app.git cd marvel-characters-app

2. Install dependencies:

npm install

3. Run project:

npm run dev

4. build project:

npm run build

Author Details:

Muhammad Rizwan

Email: rizwanbinnawaz@gmail.com

Phone: +971525571270

Senior Developer | React | Next.js

Based in Dubai