Marvel Characters

This is an app to search for Marvel characters with Marvel API. Take a look here.

Technologies

• Vite
• React
• TanStack Query (react-query)
• Typescript
• styled-components
• Marvel API

🚀 Project Structure

Inside this project, you'll see the following folders and files:

/
├── public/
│   └── favicon.png
├── src/
│   ├── assets/
│   │   └── logo.png
│   ├── components/
│   │   └── Card/
│   │ 			└── index.tsx
│   ├── contexts/
│   │   └── Context.tsx
│   ├── hooks/
│   │   └── useHooks.tsx
│   ├── layouts/
│   │   └── Layout.tsx
│   ├── pages/
│   │   ├── Home/
│   │ 	│		└── index.tsx
│   │   └── router.tsx
│   ├── providers/
│   │   └── Provider.tsx
│   ├── styles/
│   │   └── Styles.tsx
│   │   └── Theme.tsx
│   └── types/
│       └── type.ts
└── package.json

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
pnpm install	Installs dependencies
pnpm dev	Starts local dev server at localhost:5173
pnpm build	Build your production site to ./dist/
pnpm preview	Preview your build locally, before deploying
pnpm lint	Scan for erros and warning with ESLint