An open API service indexing awesome lists of open source software.

https://github.com/jay-raam/marvel


https://github.com/jay-raam/marvel

github javascript marvel-api reactjs tailwindcss

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

## Marvel Fan Boy Jay — v1

Welcome to #Marvel Fan Boy! My name is [Jayasriraam](https://jayasriraam.vercel.app/), and I’m thrilled to introduce you to this project. Marvel Fan Boy is an immersive platform for all Marvel enthusiasts, featuring detailed information about comic characters, books, and interactive 3D models of your favorite heroes and villains.

## Overview
this project is designed to be a comprehensive resource for [Marvel](https://www.marvel.com/). The site provides rich visualizations and interactive content, including detailed character profiles and engaging 3D models of Marvel characters. Whether you're a long-time fan or new to the Marvel Universe, this tool aims to bring the world of Marvel to your fingertips with dynamic and engaging experiences.

## What I Learned
This project was an exciting opportunity for me to dive into various aspects of web development. I gained valuable experience in integrating 3D models into a web application and managing large sets of data for character profiles and comic book information.

I worked extensively with React.js for building the frontend and Three.js for rendering 3D models, which enhanced my skills in creating interactive and visually appealing web applications.

## Tech Stack
Client: React, TailwindCSS, Three.js.

Hosting: Vercel.

## Screenshots & Demo

Home page section - 1
Home page section - 2
Home page section - 3
[View Live Demo](https://marvel-jayasriraam.vercel.app/)

## Run Locally

To get started with PixelPlush locally:

Clone the project

```bash
https://github.com/Jay-Raam/Marvel.git

```

Navigate to the project directory

```bash
cd Marvel
```

Install dependencies

```bash
npm install
npm install react-router-dom
npm install aos
```

Start the development server

```bash
npm start
```
## Contributing & Usage

If you have any questions, suggestions, or need assistance with the code, don’t hesitate to reach out to me on [Instagram.](https://www.instagram.com/_ivanjay_/).

I’m always happy to provide support and collaborate with fellow developers.

## License

[MIT](https://choosealicense.com/licenses/mit/)