https://github.com/lrasata/pokedex
This project is a full-stack application built with GraphQL, NodeJS, Express, MongoDB, Mongoose, React and MUI.
https://github.com/lrasata/pokedex
express full-stack graphql javascript mongodb mongoose mui nodejs react testcafe
Last synced: 14 days ago
JSON representation
This project is a full-stack application built with GraphQL, NodeJS, Express, MongoDB, Mongoose, React and MUI.
- Host: GitHub
- URL: https://github.com/lrasata/pokedex
- Owner: lrasata
- Created: 2025-04-21T15:51:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-30T08:52:08.000Z (12 months ago)
- Last Synced: 2025-04-30T09:38:08.868Z (12 months ago)
- Topics: express, full-stack, graphql, javascript, mongodb, mongoose, mui, nodejs, react, testcafe
- Language: TypeScript
- Homepage:
- Size: 601 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokedex
This project is a **full-stack application** built with `NodeJS, Express, MongoDB, Mongoose, GraphQL, React and Mui`.
The purpose of this project is to serve as a practice to get familiar with `GraphQL`.
## Features
### User can view all pokemon cards
### User can search pokemons by name, number or type
## Backend
### Prerequisites
Provide in the `.env` the MongoDB URI and a JWT secret for JWT generation.
> In this MongoDB Atlas was used
```
MONGO_URI=
ALLOWED_ORIGIN=
```
- For `ALLOWED_ORIGIN` specify the frontend url, example : `ALLOWED_ORIGIN=http://localhost:5173`
### Installation and Setup Instructions
You will need `node` and `npm` installed globally on your machine.
Move to frontend folder:
`cd ./backend`
Installation:
`npm install`
To Start Server:
`npm start`
Server is running on PORT:
`http://localhost:8080/`
## Usage - Populate the MongoDB database
Run the `graphql` statement in `backend/snippets/createAllPokemon.graphql` to populate your mongodb database with data.
As an example, you can use `Postman`
> Please note that the example of data provided in `backend/snippets/createAllPokemon.graphql` is definitely not exhaustive. As the purpose of this project is only to practice GraphQL.
## Frontend
### Prerequisites
Provide in the `.env` the backend url.
```
VITE_BACKEND_API_URL=http://localhost:8080
```
- For `VITE_BACKEND_API_URL` specify the backend url.
### Installation and Setup Instructions
You will need `node` and `npm` installed globally on your machine.
Move to frontend folder:
`cd ./frontend`
Installation:
`npm install`
To Start Server:
`npm run dev`
To Visit App:
`http://localhost:5173/`
### Acknowledgement
This project took strong inspiration from the following resources :
- https://github.com/dgraph-io/graphql-sample-apps/tree/master/pokedex