A web application that allows users to search for Marvel comic characters and comics. Built using React, Redux for state management, and the Marvel API for fetching data.
Check out the live app here: Marvel Comic Search
- Search for Marvel comic characters and comics.
- Displays detailed information about characters and comics.
- Infinite Scrolling use intersection observer.
- Typescript.
- Global state management using Redux.
- Fetches data from the Marvel API.
- Styling using Tailwind CSS for utility-first, responsive design.
- UI components styled with Hero UI.
- Node.js and npm installed on your machine.
- Access to the Marvel Developer API, where you can sign up and obtain an API key.
-
Clone the Repository
git clone https://github.com/yourusername/marvel-comic-search.git cd marvel-comic-search
-
Install Dependencies
npm install
-
Set Up Environment Variables
Create a
.env
file in the root directory and add your Marvel API key:VITE_PRIVATE_API_KEY=your_private_api_key VITE_PUBLIC_API_KEY=your_public_api_key
To start the app in development mode, run:
npm run dev