https://github.com/bohdan-mykhailenko/ui_inventory-app
A web app for inventory operations and storage.
https://github.com/bohdan-mykhailenko/ui_inventory-app
docker material-ui react react-query redux socket-io-client
Last synced: 3 months ago
JSON representation
A web app for inventory operations and storage.
- Host: GitHub
- URL: https://github.com/bohdan-mykhailenko/ui_inventory-app
- Owner: bohdan-mykhailenko
- Created: 2023-08-26T10:59:59.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-21T17:21:04.000Z (almost 3 years ago)
- Last Synced: 2025-01-30T09:22:36.394Z (over 1 year ago)
- Topics: docker, material-ui, react, react-query, redux, socket-io-client
- Language: TypeScript
- Homepage:
- Size: 9.78 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Inventory Application
## Overview
* [**Demo Link**](https://bohdan-mykhailenko.github.io/inventory/)
* [**Backend Repo**](https://github.com/bohdan-mykhailenko/inventory-backend)
## Description
This project is an online inventory where you can store and manage orders and products. Easy to use with all possible functions for comfortable browsing and interacting!
## Features
- **Upload and interact with data:** Get, create, and delete orders or products.
- **Count active sessions:** Using the web socket the app counts sessions.
- **Search and filter**: Ability to find a specific product or order.
- **Adaptability**: Full adaptability for different screen resolutions.
- **Validation:** Correct validation for forms to create new items.
## Technologies
**General**
- [TypeScript](https://www.typescriptlang.org/)
- [React](https://reactjs.org/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [React Router](https://reactrouter.com/)
**Fetching**
- [React Query](https://tanstack.com/query/v3/docs/react/overview)
- [Axios](https://axios-http.com/docs/intro)
**Validation**
- [Formik](https://formik.org/)
- [Yup](https://www.npmjs.com/package/yup)
**Animations**
- [AOS](https://michalsnik.github.io/aos/)
- [React Spring](https://www.react-spring.dev/)
**Styles**
- [MUI](https://mui.com/)
- [React Bootstrap](https://react-bootstrap.netlify.app/)
- [SCSS](https://sass-lang.com/)
**Container**
- [Docker](https://www.docker.com/)
## Preview
**Orders Page**
**Detailed Order**
**Products Page**
**Add Product Modal**
## How to start
**Follow these steps to start app in your local machine:**
1. Clone the repo:
`https://github.com//inventory.git`
2. Navigate to the project dir:
`cd inventory`
3. Install dependencies:
`npm install`
4. Start the server:
`npm start`