Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lui7henrique/marvel-characters
🦸♂️ Portal about Marvel Universe, like super heroes, villains, their hqs, events, and more. Made with NextJS, Typescript, Styled Components and Marvel API.
https://github.com/lui7henrique/marvel-characters
heroes marvel-api nextjs seo ssg
Last synced: 15 days ago
JSON representation
🦸♂️ Portal about Marvel Universe, like super heroes, villains, their hqs, events, and more. Made with NextJS, Typescript, Styled Components and Marvel API.
- Host: GitHub
- URL: https://github.com/lui7henrique/marvel-characters
- Owner: lui7henrique
- Created: 2021-08-16T01:48:47.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-11-15T01:38:42.000Z (about 3 years ago)
- Last Synced: 2024-11-13T20:44:42.677Z (about 1 month ago)
- Topics: heroes, marvel-api, nextjs, seo, ssg
- Language: TypeScript
- Homepage: https://charactersmarvel.vercel.app/
- Size: 5.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🦸♂️ Marvel Characters
Learn about your favorite marvel characters, super heroes, and villains! Discover their hqs, events, and more!
> Access on: https://charactersmarvel.vercel.app/
## Features
- [x] Home page with featured characters
- [x] List of all characters
- [x] Character page with comics, events and series
- [x] Light and dark theme
- [ ] Comics/events/series page
## Technologies
- [NextJS](https://nextjs.org/)
- [NextSEO](https://github.com/garmeeh/next-seo)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled-Components](https://styled-components.com/)
- [Axios](https://github.com/axios/axios)
- [Marvel API](https://developer.marvel.com/)
## Running the project
#### Clone the repository
```bash
$ git clone https://github.com/lui7henrique/marvelcharacters.git
```
#### Install all dependencies
```bash
$ yarn install
//or
npm install
```
#### Create an .env.local file and put your Marvel Api keys
```
NEXT_PUBLIC_MARVEL_API_PUBLIC_KEY="yourpublickey"
NEXT_PUBLIC_MARVEL_API_PRIVATE_KEY="yourprivatekey"
```
#### Run build script
```bash
$ yarn build
//or
npm run build
```
#### Run start script
```bash
$ yarn start
//or
npm run start
```
> Access the project at: localhost:3000
---
Made with 💖 by Luiz Henrique and powered by Marvel API