Skip to content

A simple one-page web application for managing products, built with pure HTML, CSS, and JavaScript. The application supports CRUD (Create, Read, Update, Delete) operations, product search functionality, and a theme switcher (Dark/Light mode).

License

Notifications You must be signed in to change notification settings

devddine/Prodigy-Manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Prodigy Manager

Status GitHub Issues GitHub Pull Requests License


💻 A simple, lightweight one-page application to manage products with CRUD operations, search functionality, and theme switching. Built using plain HTML, CSS, and JavaScript.

📝 Table of Contents

🌟 Features

  • 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.

📐 Preview

Preview

🎥 Live Demo

Check it out here *still under development, best to run it on your own device

💭 How it works

  • 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.

🏁 Getting Started

  1. Clone this repository:

    git clone https://github.com/devddine/Prodigy-Manager.git
  2. Navigate to the project directory:

    cd Prodigy-Manager
  3. Open index.html with live Server

📁 Prodigy JSON 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.

Setup Instructions for Prodigy JSON Server

  1. Clone the Prodigy JSON Server repository.
  2. Follow the instructions in the Prodigy JSON Server README to set up and run the server.
  3. Once the server is running, point your Prodigy Manager app to http://localhost:3030 for API requests.

⛏️ Built Using

  • 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

Contributions are welcome! Feel free to submit a pull request or report any issues.

📜 License

This project is open-source and available under the MIT License. See the LICENSE file for more information.

About

A simple one-page web application for managing products, built with pure HTML, CSS, and JavaScript. The application supports CRUD (Create, Read, Update, Delete) operations, product search functionality, and a theme switcher (Dark/Light mode).

Resources

License

Stars

Watchers

Forks