Skip to content

InventiSync is a comprehensive inventory management website equipped with a powerful dashboard component. It is designed to streamline inventory processes, featuring advanced functionalities such as invoice generation, image uploads to ImgBB, SweetAlert for enhanced user interaction, and Swiper.js for a seamless image carousel experience.

Notifications You must be signed in to change notification settings

nasimrifat101/InventiSync-Client

Repository files navigation

InventiSync - Enhanced Inventory Management Website

Welcome to InventiSync, your all-in-one solution for efficient inventory management. With a powerful dashboard component and a suite of advanced features, InventiSync is designed to streamline your inventory processes and enhance your business operations.

Live Site

Experience the power of InventiSync by visiting our live site: InventiSync Live Site

Admin Credentials

Access the admin privileges with the following credentials:

Features

User Management

  • Create, Update, and Delete Users: Seamlessly manage user accounts with the ability to modify user details or remove accounts as needed.
  • Role-Based Access Control: Implement role-based access control to designate user roles such as admin, manager, or standard user, ensuring appropriate access levels.

Shop Management

  • Customizable Shop Settings: Create and manage shops with flexible product limits and settings tailored to your business needs.
  • User-Shop Association: Associate shops with specific users, enabling managers to oversee their respective shops efficiently.

Product Management

  • Add, Update, and Delete Products: Effortlessly manage your product inventory with features for adding, updating, and removing products.
  • Sales Tracking: Keep track of sales counts, profits, and product quantities to maintain accurate inventory records.

Sales and Payment

  • Record Sales Transactions: Easily record sales transactions and track income to monitor the financial health of your business.
  • Secure Payment Processing: Utilize Stripe for secure payment processing, ensuring smooth and reliable transactions.

Subscription Management

  • Handle User Subscriptions: Manage user subscriptions for additional services or features, providing flexibility and customization options.

Dashboard Analytics

  • Sales Summaries: Access comprehensive sales summaries and analytics, including total income, sold products, and other key metrics, through an intuitive dashboard interface.

Technologies Used

Frontend

  • React: A powerful JavaScript library for building dynamic user interfaces.
  • React Query: Manage, cache, and update remote and local data efficiently.
  • React Router: Standard library for routing in React applications.
  • Tailwind CSS: Utilize a utility-first CSS framework for building modern and responsive designs.
  • Daisy UI: Access a components library for Tailwind CSS for rapid UI development.
  • React Hook Form: Manage forms in React applications seamlessly.
  • Toastify: Display notifications in React applications for enhanced user experience.
  • Swiper.js: Implement modern image carousels for a seamless browsing experience.
  • React Icons: Utilize a comprehensive icon library for React applications.
  • AOS: Integrate animations on scroll for dynamic visual effects.
  • Axios: Make asynchronous HTTP requests for seamless data communication.

Backend

  • Node.js: Leverage a JavaScript runtime for building scalable server-side applications.
  • Express.js: Utilize a minimal and flexible web application framework for Node.js.
  • MongoDB: Store and manage data in a scalable and flexible NoSQL database.
  • JWT (JSON Web Tokens): Securely transfer claims between parties to ensure authentication and authorization.
  • React Query: Fetch and cache data on the client side for optimized performance.

Payment

  • Stripe: Implement Stripe for secure and reliable payment processing, ensuring a smooth transaction experience for users.

Other Tools

  • React Helmet: Manage document head for improved SEO and accessibility.
  • React Toastify: Display notifications for important user interactions.
  • React SweetAlert2: Enhance user experience by providing intuitive alerts for CRUD operations.

Installation Guide

To set up InventiSync on your local machine, follow these steps:

  1. Clone the repository from GitHub.

  2. Navigate to the project directory.

  3. Set up your environment variables using the provided keys:

    VITE_IMAGE_HOSTING_KEY=xxxxxxxxxxxxxxxx
    VITE_PAYMENT_GATEWAY_PK=xxxxxxxxxxxxxxxxxxxxxxx
    VITE_FIRST_KEY=xxxxxxxxxxxxxxxxxxx
    VITE_SEC_KEY=xxxxxxxxxxxxx
    VITE_THIRD_KEY='xxxxx'
    
  4. Install dependencies using npm install or yarn install.

  5. Start the development server with npm run dev or yarn dev.

  6. Access the application at http://localhost:5000 in your web browser.

Conclusion

InventiSync is your ultimate inventory management solution, equipped with advanced features and a user-friendly interface to streamline your business operations. From user and shop management to product tracking and sales analytics, InventiSync empowers you to take control of your inventory with ease. Experience the difference today and unlock the full potential of your business with InventiSync!

Server Code - InventiSync - Server


About

InventiSync is a comprehensive inventory management website equipped with a powerful dashboard component. It is designed to streamline inventory processes, featuring advanced functionalities such as invoice generation, image uploads to ImgBB, SweetAlert for enhanced user interaction, and Swiper.js for a seamless image carousel experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages