Pokeapp

MERN-Stack Project

Fullstack application made with MongoDB, Express, React & Nodejs (MERN) and TypeScript. The app is using the PokeApi for constructing RESTful API. PokeAPI provides a RESTful API interface to highly detailed objects built from thousands of lines of data related to Pokémon. The server (backend) provides User Registration and Login functionality with validations using React, NodeJs, ExpressJs and MongoDB and authentication using JWTs.

Current version

Visit the latest version of PokeApp!

Tech Stack - Frontend

• TypeScript
• React
• React Router
• React Testing Library / Jest
• Zustand
• styled components
• Axios

Tech Stack - Backend

• Express
• MongoDB
• Node
• JSON Web Token
• Axios
• bcryptjs
• JSON Web Token

Project Setup Client

First clone the project and go the the client folder:

git clone [email protected]:FaGru/pokeapp.git

cd pokeapp/client

Create .env file that include (Only if you run the backend not locally):

REACT_APP_API_URL

Install all client dependencies and start the localhost:

npm install && npm start

Run the Tests:

npm test

Project Setup Server

Switch to server folder:

cd server

Create .env file that include (See .env.example):

MONGODB_URL & PORT & JWT_SECRET

Install all server dependencies and start the server:

npm install && npm start