This project is designed for a firm so as to handle its stocks, sales and purchases. Project has also a backend api and deployed to cloud. The project is:
- Using a real backend API for manipulating data, authorization processes and Postman use.
- Formik, yup and input form better creating forms
- MUI Tremor graphs and Kpi cards for Dashboard
- axios and Promise structures for CRUD operations for data
- Custom Hooks in order to implement DRY rule
- Redux
- Toastify for success and error notifications
- MUI data-grid for tables in sales and purchases pages
- Global styles for commonly used codes
- Redux Persist for registering data to local storage
- TailwindCSS, MUI, React Icons, HeroIcons etc. for styling
https://stock-frontend-vxey.onrender.com or https://stock-frontend-gray.vercel.app
Pre-requisites:
1.Node.js: Node.js is a JavaScript runtime environment that is used for building server-side applications. It is also required for running React projects. You can download the latest version of Node.js from their official website.
-
npm (Node Package Manager): npm is a package manager for Node.js that allows you to download and install packages and dependencies that are required for your React project. npm is included with Node.js, so you don’t have to install it separately.
-
Git: Git is a version control system that is used for tracking changes in source code. You’ll need to have Git installed in order to download the React project from GitHub. You can download the latest version of Git from their official website.
- Before installing React, you need to have Node.js and npm (Node Package Manager) installed on your system. Visit the Node.js download page at: https://nodejs.org/en/download/. To install Node.js and npm, please run the installer and carefully follow the provided prompts.
After downloading, you should see the uploaded version with this code
node -v npm -v - You should have a JS editor such as VSCode, SublimeText, Atom, Eclipse etc. in your computer. VSCode can be downloaded from this address: https://code.visualstudio.com/download
- Pull the project into your computer by using this code.
git clone https://github.com/hho-1/Stock_Management_App.git - After pulling the project in your computer, you should open project folder with VSCode.
- For installing necessary packages, write and run the code below in terminal:
npm install-Then start the project with the code below:npm run dev - This command will start a local development server and run the React project in your web browser. You can access the project by navigating to http://localhost:3000 in your web browser.