Web application that consists of creating sustainable actions.
Technologies used:
- reactjs
- vite
- react-router
- react-hook-form
- json-server
- react-query
- radix-ui (primitives, themes, colors)
- mui
Installation and usage:
- npm install to install dependencies
- npm start to run the project
Home Screen:
- This view displays a table with all actions as they are created. If there are no actions, an empty table will be shown.
- It has a button for creating actions that directs us to the create-actions screen.
Create-actions Screen:
- This view has a form where the user can complete the following fields:
- Action name
- Selection of start date and end date
- Switches to indicate whether the action has an objective or not, whether it has a responsible person or not, whether it requires a footprint calculation or not, and whether it is a legal obligation or not.
- Button to select action type
- Button to save and create the action: when clicked and returning to our Home, we can see the created action in the table
- Button to cancel and return to Home
Additionally, the application has a header and footer where we find information about the company: its logo, links to "about us" and "blog" that will let us know more about it, and the main button for creating actions.