In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3009 to view it in the browser.
- React
- Sass
- GrpahQL
- Apollo Client
- Semantic UI
- Formik and Yup
- React router DOM
- Webpack
- Eslint
- Prettier
.
├── babel.config.js
├── package.json
├── package-lock.json
├── public
│ └── index.html
├── src
│ ├── App.jsx
│ ├── assets
│ │ └── png
│ │ ├── avatar.png
│ │ └── pokemon-57-logo.png
│ ├── components
│ │ ├── Auth
│ │ │ ├── LoginForm
│ │ │ │ ├── index.js
│ │ │ │ ├── LoginForm.jsx
│ │ │ │ └── LoginForm.scss
│ │ │ └── RegisterForm
│ │ │ ├── index.js
│ │ │ ├── RegisterForm.jsx
│ │ │ └── RegisterForm.scss
│ │ ├── Header
│ │ │ ├── Header.jsx
│ │ │ ├── Header.scss
│ │ │ ├── index.js
│ │ │ ├── RightHeader
│ │ │ │ ├── index.js
│ │ │ │ ├── RightHeader.jsx
│ │ │ │ └── RightHeader.scss
│ │ │ └── Search
│ │ │ ├── index.js
│ │ │ ├── ResultSearch
│ │ │ │ ├── index.js
│ │ │ │ └── ResultSearch.jsx
│ │ │ ├── Search.jsx
│ │ │ └── Search.scss
│ │ └── Modal
│ │ ├── ModalBasic
│ │ │ ├── index.js
│ │ │ ├── ModalBasic.jsx
│ │ │ └── ModalBasic.scss
│ │ └── ModalUpload
│ │ ├── index.js
│ │ ├── ModalUpload.jsx
│ │ └── ModalUpload.scss
│ ├── config
│ │ └── apollo.js
│ ├── constants
│ │ └── token
│ │ └── token.js
│ ├── context
│ │ ├── AuthContext.jsx
│ │ └── index.js
│ ├── gql
│ │ ├── pokemon
│ │ │ ├── pokemonRegister
│ │ │ │ ├── index.js
│ │ │ │ └── pokemonRegister.js
│ │ │ └── searchPokemon
│ │ │ ├── index.js
│ │ │ └── searchPokemon.js
│ │ └── User
│ │ ├── getUser
│ │ │ ├── getUser.jsx
│ │ │ └── index.js
│ │ ├── login
│ │ │ ├── index.js
│ │ │ └── login.js
│ │ └── userRegister
│ │ ├── index.js
│ │ └── userRegister.js
│ ├── hooks
│ │ └── useAuth
│ │ ├── index.js
│ │ └── useAuth.jsx
│ ├── index.js
│ ├── index.scss
│ ├── layouts
│ │ └── LayoutBasic
│ │ ├── index.js
│ │ └── LayoutBasic.jsx
│ ├── pages
│ │ ├── Auth
│ │ │ ├── Auth.jsx
│ │ │ ├── Auth.scss
│ │ │ └── index.js
│ │ └── Home
│ │ ├── Home.jsx
│ │ ├── Home.scss
│ │ └── index.js
│ ├── routes
│ │ ├── RouterNavigation
│ │ │ ├── index.js
│ │ │ └── RouterNavigation.jsx
│ │ └── routes.js
│ ├── scss
│ │ ├── colors.scss
│ │ └── index.scss
│ └── utils
│ └── token
│ └── token.js
├── webpack.config.dev.js
└── webpack.config.js