Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nurdoganbahadir/typescript-stock-app

StockApp is an online single page web application that enables you to manage orders and inventory with ability to get, add, edit, or delete products, firms, brands, sales, and purchases. Technical Stack: HTML, CSS, JavaScript, React, and Material.UI in frontend, Python Django for CRUD operations and authentication-authorization in backend and React
https://github.com/nurdoganbahadir/typescript-stock-app

axios formik-yup material-ui persistent-storage react reactrouterdom redux-toolkit tailwindcss toast-notifications typescript x-data-grid

Last synced: about 1 month ago
JSON representation

StockApp is an online single page web application that enables you to manage orders and inventory with ability to get, add, edit, or delete products, firms, brands, sales, and purchases. Technical Stack: HTML, CSS, JavaScript, React, and Material.UI in frontend, Python Django for CRUD operations and authentication-authorization in backend and React

Awesome Lists containing this project

README

        

# Hi I'm Nurdoğan Bahadır 👋. Welcome to my Stock App Project with React.

StockApp is an online single page web application that enables you to manage orders and inventory with ability to get, add, edit, or delete products, firms, brands, sales, and purchases. Technical Stack: HTML, CSS, JavaScript, React, and Material.UI in frontend, Python Django for CRUD operations and authentication-authorization in backend and React

# Live Link of the Project

[Click Me](https://typescript-stockapp-nurdoganbahadir.vercel.app/)

# Libraries and Technologies I use

- TypeScript
- React
- Redux Toolkit
- Material UI
- Tailwind CSS
- Formik and Yup
- Toast Notify
- axios
- react router dom
- Persist

# How to install

In the project directory, open the terminal and run:

### `npm install`

This will install the necessary dependencies. After that, you can run:

### `npm start`

# How does my project look

![Redux Toolkit](./stock-app.gif)