|
1 | | -# Appointment Manager |
| 1 | +# Pet Appointment Manager |
2 | 2 |
|
3 | | -Website link [Appointment Manager](https://administrador-pacientes-mrivera.netlify.app/). |
| 3 | +Website link [Pet Appointment Manager](https://administrador-pacientes-mrivera.netlify.app/). |
4 | 4 |
|
5 | 5 | ## Summary |
6 | 6 |
|
7 | | -This is my first web application developed with react. I decided to start learning the javascript library because in the future when I finish my degree I would like to specialize in web development. This website uses the useState and useEffect hooks in addition to local storage to manage medical appointments, and for the hosting of the application I used the Netlify platform. |
| 7 | +This is project 1/10, this project is a pet appointment manager, the pet owner must enter the data that the form asks for and add the appointment. The appointments are displayed on the right side of the screen in the form of informational letters. |
8 | 8 |
|
9 | | -### Functionality |
| 9 | +### Learning |
10 | 10 |
|
11 | | -The application uses the hooks useState and useEffect, the first one is in charge of modifying the states of the objects where the information of the appointment is stored. The second is responsible for saving the data written in the local storage of the website by means of a JSON. When using the local storage if the web page is refreshed, the information is kept (unless the tab is closed). |
12 | | - |
13 | | -### Design |
14 | | - |
15 | | -I used the skeleton style library in conjunction with google fonts for website text. The other styles are inside a style sheet that is imported into the HTML. It is a simple design of a form and some cards to show the appointments. |
| 11 | +In the development of this project, I learned: |
| 12 | +- The principles of the components of react. |
| 13 | +- The hooks => useState and useEffect. |
| 14 | +- To store information in local storage. |
| 15 | +- To use the uuid library. |
| 16 | +- To use prop-types for unit testing. |
| 17 | +- To use skeleton as a style library. |
16 | 18 |
|
17 | 19 | ### Run Locally |
18 | 20 |
|
19 | | -- Clone the repository `https://github.com/RiveraMariano/react-projects.git` |
20 | | -- The project is on the `administrador-pacientes` folder |
21 | | -- Open the cmd and get the project route |
22 | | -- Run `npm start` |
23 | | -- The project should run in the default browser :) |
24 | | - |
25 | | -### Tech Stack |
26 | | - |
27 | | -- React |
28 | | -- React Hooks |
29 | | -- Netlify |
| 21 | +- Clone the repository `https://github.com/RiveraMariano/react-projects.git`. |
| 22 | +- The project is on the `administrador-pacientes` folder. |
| 23 | +- Open the cmd and get the project route. |
| 24 | +- Run `npm install` for the dependencies. |
| 25 | +- Run `npm start` (The project should run in the default browser). |
0 commit comments