https://github.com/zbaharyilmaz/product-track-manager
❤︎ MUI • REDUX • TREMOR • FORMIK • YUP • TAILWIND • REDUX ❤︎ (react-dom, redux-persit, redux-toolkit, react-toastify, axios)
https://github.com/zbaharyilmaz/product-track-manager
axios formik mui pnpm react redux reduxpersist reduxtoolkit tailwindcss tremor vite yup
Last synced: 3 months ago
JSON representation
❤︎ MUI • REDUX • TREMOR • FORMIK • YUP • TAILWIND • REDUX ❤︎ (react-dom, redux-persit, redux-toolkit, react-toastify, axios)
- Host: GitHub
- URL: https://github.com/zbaharyilmaz/product-track-manager
- Owner: zbaharyilmaz
- License: mit
- Created: 2025-02-15T20:17:09.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-04-13T21:09:57.000Z (6 months ago)
- Last Synced: 2025-04-13T22:21:06.800Z (6 months ago)
- Topics: axios, formik, mui, pnpm, react, redux, reduxpersist, reduxtoolkit, tailwindcss, tremor, vite, yup
- Language: JavaScript
- Homepage: https://product-track-manager-app.netlify.app/
- Size: 3.83 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📈 Product Track Manager
## Track Your Stock, Boost Your Growth!
Product Track Manager is a modern web application for managing product data, sales, purchases, and more. Built with React, Vite, Tailwind CSS, Redux, and Axios, this app provides a seamless user experience for tracking and managing products efficiently. It's designed to be fast, responsive, and user-friendly, making it easy for users to access important product data in one place.
👉 **Live Demo:** [https://product-track-manager-app.netlify.app/]
### Demo
### Features
- 📦 **Product Management**: Effortlessly manage products, view details, and make edits.
- 📊 **Sales & Purchases Tracking**: Track sales and purchases to monitor inventory and sales performance.
- 🔐 **Authentication**: Secure login and registration using Firebase Authentication.
- 🌐 **API Integration**: Fetch product data and manage transactions with Axios.
- 🖥️ **Multiple API Requests**: Use `Promise.all()` to handle multiple requests efficiently.
- 🔔 **Toast Notifications**: Real-time notifications for user actions with React-Toastify.
- 🌙 **Light/Dark Mode**: Switch between light and dark themes for an optimal experience.
### Tech Stack
**React** (with Vite) - Fast, modern frontend framework.
**Redux & Redux Toolkit** - State management for handling product and user data.
**Axios** - For making API requests and handling data fetching.
**React Router Dom** - For routing and page navigation.
**React-Toastify** - To display smooth and informative notifications.
**Tailwind CSS** - Utility-first CSS framework for styling.
**Vite** - Build tool for fast, optimized development.
**PNPM** - Efficient package manager for faster dependency management.
### Project Structure
```plaintext
src
┣ app
┃ ┗ store.jsx
┣ components
┃ ┣ Cards
┃ ┃ ┣ BrandsCard.jsx
┃ ┃ ┣ FirmsCard.jsx
┃ ┃ ┗ KCard.jsx
┃ ┣ Modal
┃ ┃ ┣ BrandModal.jsx
┃ ┃ ┣ FirmModal.jsx
┃ ┃ ┣ ProductModal.jsx
┃ ┃ ┣ PurchasesModal.jsx
┃ ┃ ┗ SalesModal.jsx
┃ ┣ TableAndChart
┃ ┃ ┣ Charts.jsx
┃ ┃ ┣ ProductsTable.jsx
┃ ┃ ┣ PurchasesTable.jsx
┃ ┃ ┗ SalesTable.jsx
┃ ┣ AuthHeader.jsx
┃ ┣ ErrorBoundary.jsx
┃ ┣ LoginForm.jsx
┃ ┣ MenuListItems.jsx
┃ ┗ RegisterForm.jsx
┣ features
┃ ┣ authSlice.jsx
┃ ┗ stockSlice.jsx
┣ helper
┃ ┗ ToastNotify.js
┣ hook
┃ ┣ useAuthCall.jsx
┃ ┣ useAxios.jsx
┃ ┗ useStockCall.jsx
┣ pages
┃ ┣ Brands.jsx
┃ ┣ Dashboard.jsx
┃ ┣ Firms.jsx
┃ ┣ Home.jsx
┃ ┣ Login.jsx
┃ ┣ Products.jsx
┃ ┣ Purchases.jsx
┃ ┣ Register.jsx
┃ ┗ Sales.jsx
┣ registerCall
┃ ┗ registerCall.jsx
┣ router
┃ ┣ AppRouter.jsx
┃ ┗ PrivateRouter.jsx
┣ styles
┃ ┣ buttonStyles.js
┃ ┗ theme.js
┣ App.jsx
┣ _redirects
┗ main.jsx
```
### Installation & Setup
1. **Clone the Repository:**
```bash
git clone https://github.com/zbaharyilmaz/product-track-manager.git
cd product-track-manager
2. **Install Dependencies:**
```bash
pnpm install
3. **Run the Development Server:**
```bash
pnpm dev
5. **Open the App:**
- Visit http://localhost:3000 in your browser to view the app.
### Contributing
Feel free to fork the repo and submit PRs for improvements!