💻 A simple, lightweight one-page application to manage products with CRUD operations, search functionality, and theme switching. Built using plain HTML, CSS, and JavaScript.
- Features
- Preview
- Live Demo
- How it works
- Getting Started
- Prodigy JSON Server
- Built Using
- Contributions
- License
- Add Products: Easily add new products to the list.
- Edit Products: Update product details on the fly.
- Delete Products: Remove unwanted products with a click.
- Search: Quickly find products by name or keyword.
- Theme Switching: Toggle between light and dark modes.
- API Integration: Manage product data with a fake JSON server.
Check it out here *still under development, best to run it on your own device
- Add: Fill out the product details in the input form and click "Add."
- Edit: Click the "Edit" button next to any product to update its details.
- Delete: Click the "Delete" button to remove a product from the list.
- Search: Use the search bar to find products dynamically.
- Theme: Switch between light and dark modes using the theme toggle button.
-
Clone this repository:
git clone https://github.com/devddine/Prodigy-Manager.git
-
Navigate to the project directory:
cd Prodigy-Manager
-
Open index.html with live Server
To run the project with a fake JSON server, you can use the Prodigy JSON Server repository. This repository provides the necessary server setup to test the Prodigy Manager application locally.
- Clone the Prodigy JSON Server repository.
- Follow the instructions in the Prodigy JSON Server README to set up and run the server.
- Once the server is running, point your Prodigy Manager app to
http://localhost:3030
for API requests.
- HTML: Structure of the web application.
- CSS: Styling for light and dark themes.
- JavaScript: Core functionality for CRUD operations and theme toggle.
- JSON-Server: Simulated REST API to handle product data for testing.
Contributions are welcome! Feel free to submit a pull request or report any issues.
This project is open-source and available under the MIT License. See the LICENSE file for more information.