{"id":25602150,"url":"https://github.com/arnobt78/Warehouse-Stock-Inventory-Management-System--NextJS-FullStack","last_synced_at":"2026-04-26T01:30:15.644Z","repository":{"id":278445237,"uuid":"935629658","full_name":"arnobt78/Stockly-Inventory-Managment--NextJS","owner":"arnobt78","description":"Stock Inventory is a ReactJS-based inventory management application designed to help you manage your product stock efficiently. This application includes features such as product listing, adding new products, editing existing products, and filtering products based on various criteria.","archived":false,"fork":false,"pushed_at":"2025-02-20T10:05:38.000Z","size":297,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-20T10:35:48.639Z","etag":null,"topics":["crud","filter","inventory-management","mongodb","nextjs","prisma","react-table","reactjs","responsive-design","search-engine","shadcn-ui","stock-inventory","stock-inventory-managment","tailwindcss","tanstack-table","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://stockly-inventory.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arnobt78.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-19T18:54:08.000Z","updated_at":"2025-02-20T10:05:42.000Z","dependencies_parsed_at":"2025-02-19T20:41:54.503Z","dependency_job_id":null,"html_url":"https://github.com/arnobt78/Stockly-Inventory-Managment--NextJS","commit_stats":null,"previous_names":["arnobt78/stockly---source-code","arnobt78/stockly-inventory-managment--nextjs"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FStockly-Inventory-Managment--NextJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FStockly-Inventory-Managment--NextJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FStockly-Inventory-Managment--NextJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FStockly-Inventory-Managment--NextJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arnobt78","download_url":"https://codeload.github.com/arnobt78/Stockly-Inventory-Managment--NextJS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240053816,"owners_count":19740759,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["crud","filter","inventory-management","mongodb","nextjs","prisma","react-table","reactjs","responsive-design","search-engine","shadcn-ui","stock-inventory","stock-inventory-managment","tailwindcss","tanstack-table","vercel-deployment"],"created_at":"2025-02-21T16:48:14.694Z","updated_at":"2026-04-26T01:30:15.594Z","avatar_url":"https://github.com/arnobt78.png","language":"TypeScript","readme":"## Stock Inventory Managment - NextJS\n\n\u003cimg width=\"1213\" alt=\"Screenshot 2025-02-20 at 15 55 47\" src=\"https://github.com/user-attachments/assets/23216dcd-c18d-4060-abcd-8249e8bbf8b7\" /\u003e\u003cimg width=\"200\" alt=\"Screenshot 2025-02-20 at 15 56 17\" src=\"https://github.com/user-attachments/assets/20b19c6f-9884-4b97-b667-852053792704\" /\u003e\u003cimg width=\"269\" alt=\"Screenshot 2025-02-20 at 15 56 25\" src=\"https://github.com/user-attachments/assets/3e5b91a0-75bc-45b0-b5bb-5575f970ae48\" /\u003e\u003cimg width=\"1201\" alt=\"Screenshot 2025-02-20 at 15 56 41\" src=\"https://github.com/user-attachments/assets/e2be1491-349b-485b-bcc5-d0050f238252\" /\u003e\u003cimg width=\"878\" alt=\"Screenshot 2025-02-20 at 15 56 59\" src=\"https://github.com/user-attachments/assets/388470af-f505-4dae-906f-7ad9626d1e38\" /\u003e\u003cimg width=\"1165\" alt=\"Screenshot 2025-02-20 at 15 57 19\" src=\"https://github.com/user-attachments/assets/471d9997-071b-4d50-80f0-c5582132b39d\" /\u003e\n\nStock Inventory is a ReactJS-based inventory management application designed to help you manage your product stock efficiently. This application includes features such as product listing, adding new products, editing existing products, and filtering products based on various criteria.\n\n_NOTE: This project is still under development and coming up more functionalities and features soon using mongodb, prisma, user validation with jwt, encryption etc_\n\n**Online-Live: ** https://stockly-inventory.vercel.app/\n\n## Features\n\n- **Product Listing**: View a list of all products with details such as name, SKU, status, quantity in stock, price, and supplier.\n- **Add Product**: Add new products to the inventory with details such as name, SKU, status, quantity, price, and supplier.\n- **Edit Product**: Edit existing product details.\n- **Filter Products**: Filter products based on status and category.\n- **Responsive Design**: The application is responsive and works well on devices of various screen sizes, including mobile phones.\n\n## Installation\n\nTo get started with Stockly, follow these steps:\n\n1. **Clone the repository**:\n\n   ```bash\n   git clone https://github.com/your-username/stockly.git\n   cd stockly\n   ```\n\n2. **Install dependencies**:\n\n   ```bash\n   npm install\n   ```\n\n3. **Start the development server**:\n\n   ```bash\n   npm run dev\n   ```\n\n4. **Open the application**:\n   Open your browser and navigate to `http://localhost:3000`.\n\n## Usage\n\n### Adding a New Product\n\n1. Click on the \"+Add Product\" button.\n2. Fill in the product details in the form.\n3. Click the \"Add Product\" button to save the new product.\n\n### Editing an Existing Product\n\n1. Click on the dropdown menu next to the product you want to edit.\n2. Select \"Edit\".\n3. Update the product details in the form.\n4. Click the \"Edit Product\" button to save the changes.\n\n### Filtering Products\n\n1. Use the status and category dropdowns to filter products based on their status and category.\n\n## Project Structure\n\nThe project structure is organized as follows:\n\n```\nstockly\n├── app\n│   ├── AppHeader\n│   │   └── AppHeader.tsx\n│   ├── AppTable\n│   │   ├── AppTable.tsx\n│   │   ├── ProductDialog\n│   │   │   ├── ProductDialog.tsx\n│   │   │   ├── _components\n│   │   │   │   ├── ProductName.tsx\n│   │   │   │   ├── Price.tsx\n│   │   │   │   ├── ProductCategory.tsx\n│   │   │   │   ├── Quantity.tsx\n│   │   │   │   ├── SKU.tsx\n│   │   │   │   ├── Status.tsx\n│   │   │   │   └── Supplier.tsx\n│   │   ├── dropdowns\n│   │   │   ├── StatusDropDown.tsx\n│   │   │   └── CategoryDropDown.tsx\n│   ├── DeleteDialog\n│   │   └── DeleteDialog.tsx\n│   ├── Products\n│   │   ├── ProductTable.tsx\n│   │   └── columns.tsx\n│   ├── authContext.tsx\n│   ├── login\n│   │   └── page.tsx\n│   ├── register\n│   │   └── page.tsx\n│   ├── page.tsx\n├── components\n│   └── ui\n│       ├── badge.tsx\n│       ├── button.tsx\n│       ├── card.tsx\n│       ├── dropdown-menu.tsx\n│       ├── input.tsx\n│       ├── label.tsx\n│       ├── popover.tsx\n│       ├── select.tsx\n│       ├── separator.tsx\n│       ├── table.tsx\n│       └── textarea.tsx\n├── public\n├── styles\n│   └── globals.css\n├── .gitignore\n├── package.json\n├── README.md\n└── tsconfig.json\n```\n\n## Components\n\n### AppHeader\n\nThe `AppHeader` component is responsible for rendering the header of the application.\n\n### AppTable\n\nThe `AppTable` component is responsible for rendering the table of products. It includes sub-components such as `ProductDialog`, `StatusDropDown`, and `CategoryDropDown`.\n\n### ProductDialog\n\nThe `ProductDialog` component is responsible for rendering the dialog for adding and editing products. It includes sub-components such as `ProductName`, `Price`, `ProductCategory`, `Quantity`, `SKU`, `Status`, and `Supplier`.\n\n### DeleteDialog\n\nThe `DeleteDialog` component is responsible for rendering the dialog for deleting products.\n\n### Products\n\nThe `Products` directory contains the `ProductTable` component and the columns.tsx file, which defines the columns of the product table.\n\n### AuthContext\n\nThe `authContext.tsx` file contains the authentication context for the application.\n\n### Login and Register\n\nThe `login` and `register` directories contain the pages for user login and registration.\n\n### UI Components\n\nThe ui directory contains reusable UI components such as `Badge`, `Button`, `Card`, `DropdownMenu`, `Input`, `Label`, `Popover`, `Select`, `Separator`, `Table`, and `Textarea`.\n\n## Responsive Design\n\nThe application is designed to be responsive and works well on devices of various screen sizes, including mobile phones. Tailwind CSS is used to apply responsive styles.\n\n## Contributing\n\nContributions are welcome! If you have any suggestions or improvements, please create a pull request or open an issue.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnobt78%2FWarehouse-Stock-Inventory-Management-System--NextJS-FullStack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farnobt78%2FWarehouse-Stock-Inventory-Management-System--NextJS-FullStack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnobt78%2FWarehouse-Stock-Inventory-Management-System--NextJS-FullStack/lists"}