Skip to content

Commit c28ca35

Browse files
authored
First Project Completed
1 parent 536e1e7 commit c28ca35

1 file changed

Lines changed: 16 additions & 20 deletions

File tree

administrador-pacientes/README.md

Lines changed: 16 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,25 @@
1-
# Appointment Manager
1+
# Pet Appointment Manager
22

3-
Website link [Appointment Manager](https://administrador-pacientes-mrivera.netlify.app/).
3+
Website link [Pet Appointment Manager](https://administrador-pacientes-mrivera.netlify.app/).
44

55
## Summary
66

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.
88

9-
### Functionality
9+
### Learning
1010

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.
1618

1719
### Run Locally
1820

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

Comments
 (0)