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.
- 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.
- 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.
- 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.
The interface is designed with a dark, sleek theme. The sidebar provides easy navigation, while content sections feature translucent cards with subtle hover effects.
To run this project, you'll need the backend and frontend to be set up.
- Node.js (v18+)
- Docker Desktop
- Clone the backend repository.
- Create a
.envfile with your database and JWT credentials. - Run
docker-compose up --buildto start the backend and database. The API will be available athttp://localhost:3000.
- Open the
index.htmlfile in your web browser. There's no server required for the frontend. - The application will automatically connect to your running backend.
Enjoy a truly unique and beautiful inventory management experience!