Project Repo

Pokédex - Gotta catch them all

A simple and lightweight pokédex, React and Typescript

Click here to acess the App

About

This is an web application with which lots of people can track their Pokédex completion and Pokémons infos. Below are the implemented features:

• Sign Up
• Login
• List all pokémons
• Add Pokémon
• Remove Pokémon
• List my pokémons

Technologies

The following tools and frameworks were used in the construction of the project Frontend:

HTML	CSS	JavaScript	ReactJS
JSX syntax	CSS styling and styled components	ECMAScript 2015 (ES6) features	React is a JavaScript library for building user interfaces, declarative and component-based

---

The following tools and frameworks were used in the construction of the project backend:

NodeJS	ExpressJS	TypeScript	TypeORM
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine	Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications	TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions	TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8)

How to run

1. Clone this repository
2. Initialize the submodules

git submodule init

3. Pull the submodules

git submodule update

4. Go to backend

cd backend

5. Install dependencies

npm i

6. Create a PostgresSQL database "your_database_dev" and "your_database_test"
7. rename example.local.dev.env -> local.dev.env and example.local.test.env -> local.test.env
8. Config .env files as indicated
9. Run the Backend with

npm run dev

10. Go to frontend

cd ../frontend

11. Install dependencies

npm i

12. rename example.env -> .env
13. Config .env files as indicated
14. Run the Front with

npm start

15. Finally access http://localhost:3000 on your favorite browser