Cost is a project manager. In it we can create, edit and delete projects, and in the creation we define a total budget and later we have the possibility of allocating services that are fundamental for its execution, thus, we have in hand the control of the expenses that this project can generate until it is completed.
Status: Developing
⚠️
Management of all projects
Create projects
Definicion budget for the projects
Edit projects
By default there are four categories for projects
Services alocation
Expense control
Possibilited add new categorys
Data base alocated projects and services
Features in developement 🛠️
Layout responsive
Edit services
Search for added services
Search for added projects
| Javascript | React | React Icons | React Router Dom | Json Server | Uuid |
| ECM | 18.2 | 4.4 | 6.3 | 0.17 | 8.3 |
This project was bootstrapped with Create React App.
| NodeJS | v16.17 |
| NPM | v8.15 |
| Git | v2.37 |
| Code Editor | * |
- Copy this command
git clone https://github.com/Gabriel23i/cost-manager.git
-
Open the terminal and run the command copied from Github
-
Enter in the project folder run command
npm ifor install the dependencies -
In the code editor open the folder that contains the project
-
Open two terminals in the project folder and run the below commands separately in each terminal
-
Command
npm run backend- Open http://localhost:5000/projects to view the project database
-
Command
npm start- Open http://localhost:3000 to view the project in your browser
-
Main technologies applied in this project: React, React Router Dom, Hooks, Metodos HTTP, API REST, CRUD.
Front-End 
I used hooks to deal with the life cycle of the components and make the change of state to change the data presented on the page, in that brief moment a "Component Loading" is displayed as a visual feedback to the user, thus respecting the concept of SPA, which should update page data without "Page Reload", providing the user with a fluid experience.
With forms I worked with data manipulation and validation. I made asynchronous requests to the backend to save, get, update and delete data, using the main HTTP verbs.
Back-End
I used the Json-Server library, which is succinctly a simulation of a REST API with a Database, where I worked on the CRUD implementation.
Product 
I carried out the implementation of business rules, one of them being: The Project has a budget to be followed, allowing the addition of services for the conclusion of the project, as long as the services do not exceed the value determined in the budget.
Last, but not least, I want to express my sincere thanks to Matheus Battisti, he is the creator of Curso React, which teaches in practice concepts, fundamentals and creation of projects in React.
Thanks Matheus, you are a very capable Dev and master the art of teaching!