Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kaplanh/stockapp_frontend


https://github.com/kaplanh/stockapp_frontend

axios-instance axios-restful custom-hooks database-connection formik-form material-ui pnpm react react-router-dom redux redux-toolkit tailwind-css vite yup-validation

Last synced: 3 days ago
JSON representation

Awesome Lists containing this project

README

        



    Stock App





What's used in this app ?
How to run ?
Author





  • React
  • Material UI
  • Tailwind CSS
  • Redux / Toolkit
  • Database Authorization
  • React-router-dom
  • Database connected
  • Custom hooks
  • Axios instance

  • Once you clone the project



    1) run `pnpm install` or `yarn install` for node modules
    2) run `pnpm run dev` or `yarn run dev` for open development stage
    3) Login as a Admin `[email protected]` - `aA?123456`

  • Take a look at my other projects
  • Visit me on Linkedin


  • What is this project about ?



    This project is designed to help businesses efficiently manage their inventory. Users can easily add, view, update, and delete products in the database, providing comprehensive CRUD (Create, Read, Update, Delete) functionality.
    Additionally, users can track their profits over specific time periods, allowing for better financial analysis and decision-making.
    For administrative control, there's an admin panel that empowers administrators to oversee all user activities on the website and maintain control over user management.






      How does my project look



    [Live Link](https://stock-frontend-fullstack-v1.vercel.app/)

    ![stockapp](https://github.com/kaplanh/stock_frontend/assets/101884444/8a18c531-3a38-41a3-8715-c1d346b75382)



      Feedback and Collaboration




    I value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out.

    I'm always open to collaboration and welcome the opportunity to work on exciting projects together.

    Thank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!

    ## Project Skeleton

    ```
    Sock App (folder)
    |
    |----readme.md
    ├── public
    │ └── _redirects
    | └── favicon.png
    ├── src
    | ├── app
    | | ├── store.jsz
    | ├──assets
    | | ├── favicon.png
    | | ├── loading.gif
    | | ├── no-result-found.avif
    | | ├── result.svg
    | ├── components
    | | ├── BrandCard.jsx
    | | └── Charts.jsx
    | | └── FirmCard.jsx
    | | └── KpiCard.jsx
    | | └── MenuListItem.jsx
    | | └── ProductTable.jsx
    | | └── PurchaseTable.jsx
    | | └── RegisterForm.jsx
    | | └── SaleTable.jsx
    | ├── features
    | | └── authSlice.js
    | | └── stockSlice.js
    | ├── helper
    | | └── ToastNotify.js
    | ├── hooks
    | | └── useAuthApiCall.js
    | | └── useAxios.js
    | | └── useStockCall.js
    | ├── modals
    | | └── BrandsModal.jsx
    | | └── FirmModal.jsx
    | | └── ProductModal.jsx
    | | └── PurchaseModal.jsx
    | | └── SaleModal.jsx
    | ├── pages
    | | └── Brands.jsx
    | | └── Dashboard.jsx
    | | └── Firms.jsx
    | | └── Home.jsx
    | | └── Login.jsx
    | | └── Products.jsx
    | | └── Purchases.jsx
    | | └── Register.jsx
    | | └── Sales.jsx
    | ├── router
    | | └── AppRouter.jsx
    | | └── PrivateRouter.jsx
    | ├── styles
    | | └── globalStyles.js
    | |
    │ ├── App.js
    │ ├── main.jsx
    │ └── index.css
    ├── package.json
    ├── .env
    |── .gitignore
    |── index.html
    |── package.json
    |── pnpm-lock.yaml
    |── tailwind.config.js
    |── vite.config.js
    └── yarn.lock
    ```