Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mahmoud-alaa1/cruds-javascript
https://github.com/mahmoud-alaa1/cruds-javascript
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mahmoud-alaa1/cruds-javascript
- Owner: mahmoud-alaa1
- Created: 2024-08-26T01:02:45.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-26T23:22:16.000Z (5 months ago)
- Last Synced: 2024-08-27T01:34:18.428Z (5 months ago)
- Language: JavaScript
- Size: 101 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Products Tracker
Hello 🙋♂
This simple CRUDS (Create, Read, Update, Delete, Search) application built using HTML, CSS, and JavaScript (Vanilla JavaScript) to manage a list of products. This project allows users to add, update, delete, and search for products. All data is stored locally using localStorage, making it easy to use without the need for a backend server and is checked using regular expression.
## Features
- Create Products: Enter product details like name, price, category, and description.
- Read Products: Products are displayed in table html tag for semantic purposes
- Update Products: Modify existing product details.
- Delete Products: Remove products from the list.
- Search Products: Filter through products by name, price, category, or description.
- Data Persistence: Product data is stored in the browser's localStorage for persistence across sessions.
## Project Structure
```
│───index.html
│───README.md
│
├───icons
│ │ style.css
│ │
│ └───fonts
│ icomoon.eot
│ icomoon.svg
│ icomoon.ttf
│ icomoon.woff
│
├───imgs
│ title-icon.png
│
├───js
│ bootstrap.bundle.min.js
│ main.js
│
└───style
bootstrap.min.css
style.css
```
## Live Demo
Check out the live demo here [Product Tracker](https://mahmoud-alaa1.github.io/CRUDS-JavaScript/).
## Screen Shot
# Mahmoud Alaa - Developer and creator of this project.