https://github.com/viniciuscosta89/marvel-characters
https://github.com/viniciuscosta89/marvel-characters
marvel marvel-api portfolio react react-query reactjs styled-components typescript vite
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/viniciuscosta89/marvel-characters
- Owner: viniciuscosta89
- Created: 2023-06-19T21:18:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-03T22:52:39.000Z (almost 2 years ago)
- Last Synced: 2025-01-20T19:14:44.817Z (4 months ago)
- Topics: marvel, marvel-api, portfolio, react, react-query, reactjs, styled-components, typescript, vite
- Language: TypeScript
- Homepage: https://marvel-characters-viniciuscosta89.vercel.app
- Size: 94.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Marvel Characters
This is an app to search for Marvel characters with Marvel API.
Take a look [here](https://marvel-characters-viniciuscosta89.vercel.app).
## Technologies
- Vite
- React
- TanStack Query (react-query)
- Typescript
- styled-components
- [Marvel API](https://developer.marvel.com)
## 🚀 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 |