https://github.com/arturbomtempo-dev/contact-registration

Project developed for the purpose of training the creation of a CRUD with JSON Server.
https://github.com/arturbomtempo-dev/contact-registration

bootstrap contact-register css html javascript json-server

Last synced: 5 days ago
JSON representation

Project developed for the purpose of training the creation of a CRUD with JSON Server.

• Host: GitHub
• URL: https://github.com/arturbomtempo-dev/contact-registration
• Owner: arturbomtempo-dev
• Created: 2024-05-11T02:58:10.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-12T20:13:06.000Z (9 months ago)
• Last Synced: 2025-02-07T19:38:48.234Z (5 days ago)
• Topics: bootstrap, contact-register, css, html, javascript, json-server
• Language: JavaScript
• Homepage: https://contact-registration.vercel.app
• Size: 8.79 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Contact Registration

This project is designed to facilitate knowledge-sharing among fellow students, focusing on the concepts taught during Web Interface Development classes. It serves as a resource for the development of the final project of the first term.

![Image of the contact registration website](https://github.com/ArturColen/ContactRegistration/assets/96635074/c53f7d5c-43d4-403f-9fc0-3fcdb348b07b)

## 🔨 Project functionality

The project features a contact registry with CRUD (Create, Read, Update, Delete) functionality, allowing users to create, read, update, and delete contact data. This functionality is implemented using pure JavaScript and the JSON Server library, simulating a web server (API).

## 💻 Technologies used

* [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML): page structuring, accessibility and semantics

* [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS): page styling, animation and responsiveness

* [Bootstrap](https://getbootstrap.com/docs/4.1/getting-started/introduction/): provides ready-to-use HTML and CSS components, facilitating the creation of responsive web interfaces

* [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript): enables page dynamism and API connection

* [JSON Server](https://github.com/typicode/json-server/blob/v0/README.md): enables the creation of a RESTful API using a JSON file as a data source

## 📁 Project access

You can view the hosted page by clicking [here](https://contact-registration.vercel.app/).

**Note**: if you encounter an error reading the contacts on the hosted site, it may be due to the JSON server API not currently running. In such cases, you can [clone this project](https://github.com/ArturColen/ContactRegistration.git) along with the [API hosted on Repl.it](https://replit.com/@ArturColen/ContactRegistrationServer) for testing purposes. Remember to update the `apiUrl` in the `connection.js` file to the cloned API link.