Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luc-mo/rick-and-morty-test
Rick and Morty character filter
https://github.com/luc-mo/rick-and-morty-test
Last synced: about 6 hours ago
JSON representation
Rick and Morty character filter
- Host: GitHub
- URL: https://github.com/luc-mo/rick-and-morty-test
- Owner: luc-mo
- Created: 2023-08-23T09:20:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-23T10:33:58.000Z (about 1 year ago)
- Last Synced: 2023-08-23T11:53:23.810Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 87.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rick and Morty Character Filter
Este proyecto es una prueba que consiste en crear una API GraphQL en el backend para consumir la API oficial de Rick and Morty. El frontend utiliza Next.js para mostrar una lista de personajes de Rick and Morty que son humanos.
## Estructura del Proyecto
El proyecto utiliza una estructura monorepo con las carpetas `frontend` y `backend`. Se utiliza `pnpm` para la gestión de paquetes y scripts.
- `/frontend`: Contiene la aplicación Next.js para el frontend.
- `/backend`: Contiene el servidor Express y GraphQL para el backend.
## Requisitos Previos
- Node.js >= 16.x
- pnpm >= 8.x
## Instalación
Primero, clona el repositorio:
```bash
git clone https://github.com/your-username/rick-and-morty.git
```
Dirígete al directorio del proyecto y ejecuta:
```bash
pnpm install
```
## Desarrollo
Para iniciar el desarrollo en el frontend y el backend simultáneamente, puedes ejecutar desde la raiz del proyecto:
```bash
pnpm dev
```
### Frontend
Para iniciar solo el frontend, navega hasta el directorio `frontend` y ejecuta:
```bash
pnpm dev
```
### Backend
Para iniciar solo el backend, navega hasta el directorio `backend` y ejecuta:
```bash
pnpm dev
```
## Pruebas
Para ejecutar pruebas en ambos proyectos, ejecuta desde la raiz del proyecto:
```bash
pnpm test
```
## Construcción para Producción
Para construir ambos proyectos para producción, ejecuta desde la raiz del proyecto:
```bash
pnpm build
```
## Ejecución en Producción
Para ejecutar ambos proyectos en producción, ejecuta desde la raiz del proyecto:
```bash
pnpm start
```
## Tecnologías Utilizadas
- Frontend: Next.js, React, GraphQL, Axios, Material UI
- Backend: Express, GraphQL, Axios, Awilix
- Pruebas: Vitest
## Autor
[Luciano Morales](https://github.com/luc-mo)