Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/irenaeus-xvi/cruds-project

bootstrap5 css3 html5 javascript localstorage regex

Last synced: 17 days ago
JSON representation

Host: GitHub
URL: https://github.com/irenaeus-xvi/cruds-project
Owner: Irenaeus-XVI
Created: 2023-04-15T01:03:00.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-05-22T22:19:15.000Z (over 1 year ago)
Last Synced: 2024-11-14T08:50:02.318Z (3 months ago)
Topics: bootstrap5, css3, html5, javascript, localstorage, regex
Language: JavaScript
Homepage: https://irenaeus-xvi.github.io/CRUDS-PROJECT/
Size: 80.1 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # CRUDS-PROJECT

## Live Demo: [https://irenaeus-xvi.github.io/CRUDS-PROJECT/](https://irenaeus-xvi.github.io/CRUDS-PROJECT/)

## Table of Contents

- [Overview](#overview)

  - [Create Products](#create-products)

  - [Retrieve](#retrieve)

  - [Update](#update)

  - [Delete](#delete)

  - [Search](#search)

  - [Validation](#validation)

  - [Technologies](#technologies)

## Overview

This CRUDS-PROJECT is a simple web application that allows you to perform CRUD (Create, Retrieve, Update, Delete, Search) operations on product details. It provides a user-friendly interface for managing product data.

### Create Products

Add product details using a form.

![Create Products](https://user-images.githubusercontent.com/87098443/232176006-b0011452-9820-4183-8207-b036b0f3dc0d.png)

### Retrieve

Display product details in a list.

![Retrieve](https://user-images.githubusercontent.com/87098443/232176047-d422395b-2111-49ba-a370-0bc184916f11.png)

### Update

Update product details.

![Update 1](https://user-images.githubusercontent.com/87098443/232176329-cd3be6d0-50e1-44aa-877b-271769e54c35.png)

![Update 2](https://user-images.githubusercontent.com/87098443/232176334-a6ca1fdd-c8cb-4d3c-a0c7-d356d0329917.png)

### Delete

Delete a product from the list.

![Delete 1](https://user-images.githubusercontent.com/87098443/232176398-fa7d8883-6ef5-434c-962d-6f4bc58f614a.png)

![Delete 2](https://user-images.githubusercontent.com/87098443/232176400-432c5ca9-5b15-4059-88c7-39f2c5d467bd.png)

### Search

Search for products.

![Search 1](https://user-images.githubusercontent.com/87098443/232176575-c5269fa7-20fe-4007-9674-bdba50d404bd.png)

![Search 2](https://user-images.githubusercontent.com/87098443/232176577-23ad35db-e455-4cc3-a833-daa2b3b694a4.png)

![Search 3](https://user-images.githubusercontent.com/87098443/232176585-b9ede48f-f39f-4a4d-a307-3e906b001626.png)

### Validation

![Validation](https://user-images.githubusercontent.com/87098443/232176633-0acda32c-9ff4-4a99-a3be-bdff55acaefa.png)

## Technologies Used

- HTML

- CSS

- Bootstrap

- JavaScript

- Regular Expressions (Regex)

- Local Storage