https://github.com/karlangaxz/crud

This is a simple CRUD (Create, Read, Update, Delete) web application using HTML, CSS, JavaScript, and Bootstrap. The application allows users to input, display, update, and delete user data such as email, name, and phone number. The data is stored in the browser's localStorage.
https://github.com/karlangaxz/crud

bootstrap5 crud crud-application css html html-css-javascript javascript js

Last synced: about 5 hours ago
JSON representation

This is a simple CRUD (Create, Read, Update, Delete) web application using HTML, CSS, JavaScript, and Bootstrap. The application allows users to input, display, update, and delete user data such as email, name, and phone number. The data is stored in the browser's localStorage.

• Host: GitHub
• URL: https://github.com/karlangaxz/crud
• Owner: KarlangaXZ
• Created: 2024-08-20T02:08:22.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-20T02:35:32.000Z (3 months ago)
• Last Synced: 2024-08-21T05:53:57.731Z (3 months ago)
• Topics: bootstrap5, crud, crud-application, css, html, html-css-javascript, javascript, js
• Language: JavaScript
• Homepage: https://karlangaxz.github.io/CRUD/
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CRUD Application

This is a simple CRUD (Create, Read, Update, Delete) web application using HTML, CSS, JavaScript, and Bootstrap. The application allows users to input, display, update, and delete user data such as email, name, and phone number. The data is stored in the browser's `localStorage`.

![MurphyNods](https://github.com/user-attachments/assets/ccb9d655-1727-418a-9feb-a4c7b33f111b)

## Features

- **Create:** Users can input their email, name, and phone number using the form and save it to `localStorage`.

- **Read:** The stored user data is displayed in a table.

- **Update:** Users can edit the details of a selected entry and update it.

- **Delete:** Users can delete any entry from the list.

## Technologies Used

- **HTML5**

- **CSS3**

  - **Bootstrap 5.3.3** for responsive design and styling

- **JavaScript**

  - Data is managed using the browser's `localStorage`.

  

## Project Structure

- `index.html`: The main HTML file that contains the structure of the application.

- `style.css`: Custom CSS file for additional styling (if needed).

- `main.js`: JavaScript file containing all the CRUD functionalities.