✨💻📚 This project is specifically designed for learning the fundamental concepts of JavaScript, HTML, and CSS operations. 📚💻✨
📌 This intuitive registration form allows users to sign up effortlessly with a smooth and user-friendly experience.👨💻
💡 A simple and efficient CRUD (Create, Read, Update, Delete) application built using JavaScript, HTML, and CSS to streamline data management with ease. 💡
⚙️ Ongoing Enhancements & Bug Fixes 🔧
🛠️ Currently, only one minor bug exists. 🐞 The application is actively being improved for better functionality. 💬
-
➕ Effortlessly add new records dynamically.
-
✏️ Edit Modify existing entries with ease.
-
🗑️ Delete records with a Delete Modul and confirmation Notifications
-
💾 Persistent data storage using LocalStorage for seamless access.
-
📱 Fully responsive design for a smooth experience across devices.
-
💬 Real-time notifications for key actions.
-
✔️ Input validation to ensure data accuracy.
-
📂 Open the application in your browser.
-
📝 click 'Add' to add a new record and Enter details in the input fields click 'Submit' to save a new record
-
❌ Click 'Cancel' to return to the home page without making changes.
-
✅ Click 'Submit' to confirm and store the data securely.
-
✏️ Click 'Edit' to update an existing entry.
-
🗑️ Click 'Delete' to remove an entry permanently.
✨ Explore the key sections of the application below! Click on any image for a closer look. ✨
🖥️ A clean and professional homepage with intuitive navigation. 🖥️
📋 Easily add new records with a user-friendly form. 📋
⚠️ A confirmation popup ensuring safe deletions.⚠️
📂 More Screenshots :- Click Here View Gallery 📂
- 🛠️ To set up the project on your local machine, follow these steps :- 🛠️
# 1️⃣ Clone the repository:-
git clone https://github.com/sujal1130/javascript-crud.git# 2️⃣ Navigate to the project directory:-
cd javascript-crud# 3️⃣ Open 'index.html' your preferred browser.:-| Technology | Badge | Description | Img | Gif |
|---|---|---|---|---|
| CSS3 |
|
Stylish and responsive UI design. |
|
|
| HTML5 |
|
Structured and semantic web content. | ||
| JavaScript |
|
Dynamic and interactive functionality. |
🚀 Happy Coding! 👨💻✨ Keep building awesome projects and pushing boundaries! 🔥💡