Click here to acess the App
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
| 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 |
| 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) |
- Clone this repository
- Initialize the submodules
git submodule init- Pull the submodules
git submodule update- Go to backend
cd backend- Install dependencies
npm i- Create a PostgresSQL database "your_database_dev" and "your_database_test"
- rename
example.local.dev.env->local.dev.envandexample.local.test.env->local.test.env - Config .env files as indicated
- Run the Backend with
npm run dev- Go to frontend
cd ../frontend- Install dependencies
npm i- rename
example.env->.env - Config .env files as indicated
- Run the Front with
npm start- Finally access http://localhost:3000 on your favorite browser