https://github.com/leandro-parice/bora-codar-16-uma-pagina-de-contatos
Contact listing web app - Rocketseat's #boraCodar project Challenge #16
https://github.com/leandro-parice/bora-codar-16-uma-pagina-de-contatos
boracodar contact-form contacts contacts-app front-end front-end-development frontend javascript react reactjs vite vitejs vitejs-react
Last synced: 2 months ago
JSON representation
Contact listing web app - Rocketseat's #boraCodar project Challenge #16
- Host: GitHub
- URL: https://github.com/leandro-parice/bora-codar-16-uma-pagina-de-contatos
- Owner: leandro-parice
- Created: 2023-04-25T11:45:44.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-08T11:06:46.000Z (about 2 years ago)
- Last Synced: 2025-01-18T04:28:32.262Z (4 months ago)
- Topics: boracodar, contact-form, contacts, contacts-app, front-end, front-end-development, frontend, javascript, react, reactjs, vite, vitejs, vitejs-react
- Language: JavaScript
- Homepage: https://leandroparice-boracodar16.netlify.app/
- Size: 187 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## #boraCodar - Uma página de contatos
##### Challenge #16
### About this project
Project for ReactJS study purposes, where I take advantage of Rocketseat's #boraCodar 16 front-end challenge to create a contact listing web app.
In this project, I developed the functionality to add, edit, remove, and filter contacts.
All of these features operate on a local json object and for simplicity, I've used the browser's local storage to persist contact information.
I used the [https://pravatar.cc/](https://pravatar.cc/) api to simulate the avatar of each contact.
### Online version
See: [https://leandroparice-boracodar16.netlify.app/](https://leandroparice-boracodar16.netlify.app)
[](https://app.netlify.com/sites/leandroparice-boracodar16/deploys)
[](http://www.youtube.com/watch?v=aNRegNpck_M "Youtube Example")
### Technologies / Programming languages
- HTML
- CSS
- Javascript
- ReactJS
- Vite
- Sass
- JSX
- GitHub
- Netlify
### Improvements
- Possibility to include contacts ✔️
- Editing contacts ✔️
- Delete contacts ✔️
- Save data in Local Storage ✔️
- Validation of the contact inclusion form ✔️
- Responsive (include desktop version) ✔️
- Confirmation message before removing contact ✔️
- Filter contacts ✔️
### About #boraCodar
#boraCodar is a [Rocketseat](https://rocketseat.com.br) project in which, weekly, a layout is presented so that your front-end code can be made, for more information, see: [rocketseat.com.br/boracodar](https://rocketseat.com.br/boracodar)
### About this challenge
See: [rocketseat - 16](https://rocketseat.com.br/boracodar/desafios-anteriores/uma-pagina-de-contatos-desafio-16)
### Licence
[MIT](https://choosealicense.com/licenses/mit/)