DashFlow is a powerful web application built with React.js, Axios, JSON-server, Formik, and powered by Vite. It provides an intuitive dashboard for efficient user and product management, featuring real-time updates, user authentication, and a responsive interface.
- Dashboard Overview: Dynamic counts for users and products.
- Sidebar Navigation: Seamless access to user and product management.
- User Management:
- User list with the option to add new users.
- Edit and delete buttons for each user, with a form for easy modifications.
- Product Management:
- Product list with the option to add new products.
- Edit and delete buttons for each product, accompanied by a form for quick adjustments.
- Authentication:
- Login page with an option to access the user registration page.
- User registration creates a new user in the JSON server.
- React.js
- React Router
- Axios
- JSON-server
- Formik
- Vite
- Bootstrap
- FontAwesome
-
Clone the Repository:
git clone https://github.com/a-bhish3k/DashFlow.git cd dashflow
-
Install Dependencies:
npm install
-
Start JSON-server for Data Storage:
npx json-server -w db.json --port 8000
-
Start the React App:
npm run dev
- Contributions are welcome! Fork this repository, create a branch, and submit a pull request.