Platzi Employees 😃

In this project you can see a CRUD about employees

You can view the project in the next URL or live demo:

https://platzi-master.dflores.dev/

Description 📖

All app have Routers to redirect or navegate to others sections. Also it's hosted by Firebase and one API deployed in Google App Engine

1. Home 🏠

Only is a landing Page

2. Login 🚪

This section have different methods to login, the provider it's firebase. The routes are protected to start session

3. Dashboard 📉

The carnita of the app, in this section you will see the all employees and you can play creating, deleting or modified that employees. Use Redux for the state and actions to call differents function with the backend

4. Backend 😎

You can see the magic in this link

Feedback

I love the feedback if you wish contribuit

How to use the project?

• Step 1 Run the next command in your terminal

npm run install

• Step 2 run the project

npm run start

• Build If you want change the code, you must recompile

npm run build

Follow me dflores.dev

Anywhere @dfloresdev

Project Structure

├── package.json
├── package-lock.json
├── public
│   ├── favicon-1.ico
│   ├── favicon.ico
│   ├── index.html
│   ├── logo-192.png
│   ├── logo192.png
│   ├── logo-512.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── README.md
└── src
    ├── APIS
    │   └── apis.js
    ├── assets
    │   ├── more
    │   └── statics
    │       ├── elephant.png
    │       ├── logoB.png
    │       ├── logo.png
    │       └── social-network
    │           └── github.svg
    ├── components
    │   ├── cardCategories
    │   │   ├── CardCategories.jsx
    │   │   └── CardCategories.scss
    │   ├── cardEmployee
    │   │   ├── CardEmployee.jsx
    │   │   └── CardEmployee.scss
    │   ├── footer
    │   │   ├── Footer.jsx
    │   │   └── Footer.scss
    │   ├── header
    │   │   ├── Header.jsx
    │   │   └── Header.scss
    │   ├── hero
    │   │   ├── Hero.jsx
    │   │   └── Hero.scss
    │   ├── layout
    │   │   └── Layout.jsx
    │   ├── listEmployees
    │   │   ├── ListEmployees.jsx
    │   │   └── ListEmployees.scss
    │   ├── modal
    │   │   ├── Delete
    │   │   │   ├── Delete.jsx
    │   │   │   └── Delete.scss
    │   │   ├── FormEditEmployee
    │   │   │   ├── FormEditEmployee.jsx
    │   │   │   └── FormEditEmployee.scss
    │   │   ├── FormEmployee
    │   │   │   ├── FormEmployee.jsx
    │   │   │   └── FormEmployee.scss
    │   │   ├── Modal
    │   │   │   ├── Modal.jsx
    │   │   │   └── Modal.scss
    │   │   └── Success
    │   │       ├── Success.jsx
    │   │       └── Success.scss
    │   └── subHeader
    │       ├── SubHeader.jsx
    │       └── SubHeader.scss
    ├── containers
    │   ├── Dashboard
    │   │   ├── Dashboard.jsx
    │   │   └── Dashboard.scss
    │   ├── Home.jsx
    │   ├── Login
    │   │   ├── Login.jsx
    │   │   └── Login.scss
    │   └── NotFound.jsx
    ├── firebase.example.js
    ├── hooks
    │   ├── useDeleteEmployee.js
    │   ├── useGetCategories.js
    │   └── useGetEmployees.js
    ├── index.js
    ├── logo.svg
    ├── redux
    │   ├── categoriesDuck.js
    │   ├── employeesDuck.js
    │   ├── login.js
    │   ├── store.js
    │   └── userDuck.js
    ├── routes
    │   └── App.js
    ├── serviceWorker.js
    ├── setupTests.js
    ├── styles
    │   ├── App.css
    │   ├── index.scss
    │   └── variables.scss
    ├── __test__
    │   └── App.test.js
    └── utils
        ├── icons
        │   └── svgIcons.js
        └── more