viniciuscosta89 / marvel-characters

Home Page:https://marvel-characters-viniciuscosta89.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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