Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 StoreTrack: Quantum Inventory Interface

Welcome to StoreTrack, a next-generation inventory and order management system. This application merges robust backend functionality with a uniquely animated frontend, creating a user experience that's both powerful and visually captivating. Inspired by a blend of "Fluid Glass" and "Cyber-Neon" aesthetics, the interface is designed to be a standout in modern web development.


✨ Fantastic Features

  • Fluid Glass UI: Experience a modern, translucent interface with subtle glass-morphic effects, soft gradients, and a dark theme that's easy on the eyes.
  • Creative Animations: The application's background features a seamless loop of animated workers moving boxes, a creative and whimsical nod to the core purpose of inventory management.
  • Dynamic Lazer Bullets: A subtle yet dynamic lazer bullet animation provides a futuristic feel without distracting from the main content.
  • Robust Backend: Built on NestJS, the API offers secure user authentication (JWT), full CRUD operations for products, and comprehensive order and transaction management.
  • Real-time Reports: Generate valuable sales and low-stock reports with a single click, presented in a clean, readable format.
  • Intuitive Order Management: The updated order creation form allows users to easily add multiple products via a dropdown selector, providing a seamless and error-free experience.

🛠️ Tech Stack

Frontend

  • HTML5 & CSS3: Semantic markup and advanced CSS techniques for animations, gradients, and a fluid layout.
  • JavaScript (Vanilla): Light and efficient logic for state management, API interaction, and dynamic content rendering.

Backend

  • NestJS: A progressive Node.js framework for building efficient and scalable server-side applications.
  • TypeORM: A powerful ORM for seamless database interaction.
  • MySQL: A reliable and widely-used relational database.
  • Docker: Containerization for a consistent development and deployment environment.

🖼️ User Interface Showcase

The interface is designed with a dark, sleek theme. The sidebar provides easy navigation, while content sections feature translucent cards with subtle hover effects.

Login Interface

Login page for StoreTrack

Products Section

Products list with add, edit, and delete options

Orders Section

Orders list with status updates

Reports Section

Sales report and low stock report view


🚀 Getting Started

To run this project, you'll need the backend and frontend to be set up.

Prerequisites

  • Node.js (v18+)
  • Docker Desktop

Backend Setup

  1. Clone the backend repository.
  2. Create a .env file with your database and JWT credentials.
  3. Run docker-compose up --build to start the backend and database. The API will be available at http://localhost:3000.

Frontend Setup

  1. Open the index.html file in your web browser. There's no server required for the frontend.
  2. The application will automatically connect to your running backend.

Enjoy a truly unique and beautiful inventory management experience!

About

StoreTrack_Frontend

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages