Skip to content

Commit 0ebe9c5

Browse files
authored
Third Project Completed
1 parent 7968128 commit 0ebe9c5

1 file changed

Lines changed: 11 additions & 19 deletions

File tree

cotizador-seguro/README.md

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,21 @@
11
# Insurance Quote
22

3-
Website link [Insurance Quote](https://control-presupuesto-mrivera.netlify.app).
3+
Website link [Insurance Quote](https://cotizador-seguro-mrivera.netlify.app/).
44

55
## Summary
66

7-
This is my third 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 3/10, this project to help you quote insurance for cars of different brands and years and choose a plan for this insurance. After quoting a loading screen is displayed and then the quote summary and total are displayed.
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 showing the expense.
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. I used spinkit for the square animation and react-transition-group for an extra animation. And Emotion for the styled components instead of using a css file.
11+
In the development of this project, I learned:
12+
- To implement the spinkit loading screens => [Website](https://tobiasahlin.com/spinkit/).
13+
- To use the Emotion style library.
1614

1715
### Run Locally
1816

19-
- Clone the repository `https://github.com/RiveraMariano/react-projects.git`
20-
- The project is on the `control-presupuesto` 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
17+
- Clone the repository `https://github.com/RiveraMariano/react-projects.git`.
18+
- The project is on the `cotizador-seguro` folder.
19+
- Open the cmd and get the project route.
20+
- Run `npm install` for the dependencies.
21+
- Run `npm start` (The project should run in the default browser).

0 commit comments

Comments
 (0)