Skip to content

Commit

Permalink
Add design screenshots to README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
navinAce committed Sep 26, 2024
1 parent 0a26ea4 commit 0a28fd7
Show file tree
Hide file tree
Showing 4 changed files with 55 additions and 0 deletions.
10 changes: 10 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,16 @@ The application uses a JSON array to store information about chemicals. Each ent
- `Unit`
- `Quantity`

## Design
Chemical Inventory Management System Design 1

![Chemical Inventory Management System Design](assets/img1.jpeg)

Chemical Inventory Management System Design 2

![Chemical Inventory Management System Design](assets/img2.jpeg)


## Setup Instructions
1. Clone the repository to your local machine using:
```bash
Expand Down
45 changes: 45 additions & 0 deletions assets/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
# Chemical Inventory Management System

## Overview
This project is a simple web application that allows users to manage a list of chemicals. Users can add, delete, sort, and refresh the data in a tabular format. The application is built using plain HTML, CSS, and JavaScript, without any frameworks.

## Features
- **Table Display**: A dynamic table displaying chemical information.
- **Sorting**: Sort the table by clicking on the column headers in ascending or descending order.
- **CRUD Operations**:
- **Add Row**: Add new chemical entries.
- **Delete Row**: Remove a chemical entry from the list.
- **Refresh Data**: Reset the table to its original state.
- **Responsive Design**: The application is designed to be usable on both mobile and desktop devices.

## Data Structure
The application uses a JSON array to store information about chemicals. Each entry contains the following attributes:
- `id`
- `Chemical Name`
- `Vendor`
- `Density`
- `Viscosity`
- `Packaging`
- `Pack Size`
- `Unit`
- `Quantity`

## Design
![Chemical Inventory Management System Design](https://github.com/username/repository/raw/main/images/design-screenshot.png)


## Setup Instructions
1. Clone the repository to your local machine using:
```bash
git clone https://github.com/navinAce/Chemical_Inventory.git

## Contact
For any inquiries, please reach out:
- **Portfolio**: [My Portfolio](https://navinworks.netlify.app)
- **Email**: navinraj99305@gmail.com

## License
This project is licensed under the MIT License. See the LICENSE file for more information.



Binary file added assets/img1.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img2.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 0a28fd7

Please sign in to comment.