Prebuilt toy store web application interface free for commercial use published under Appache 2.0 license built by Veljko Vuckovic following specifications listed in angular collage course
Built with node.js 22.22.1
Angular 21.2.2
Typescript 5.9.2
- Dynamic Catalog: Search and filter toys by name, type, and target group.
- Product Details: Dedicated routing for each toy with a "Review Wall".
- Shopping Cart: Full CRUD operations on reservations with automated price calculation.
- Persistent Storage: LocalStorage integration to keep user data and cart items after page refresh.
- Auth System: Mock login/registration system with email validation and profile management.
- Role-based Actions: Rating and deletion logic based on order status ('Reserved' vs 'Arrived').
-
src/app/core: Services, Models, and Guards (Business logic). -
src/app/features: Main application modules (Catalog, Cart, Auth, Details). -
public/: Assets and static toy images.
- Clone the repository:
git clone https://github.com/Refloow/Toy-Store-Webapp.git - Install dependencies:
npm install - Launch the development server:
npm start - Open your browser at
http://localhost:4200
This project was built strictly according to academic specifications.
- State Management: Uses LocalStorage for simulation purposes.
- SEO & Performance: As a standard SPA (Single Page Application), this prototype is not optimized for SEO.
- Stability: Due to the heavy reliance on the Angular ecosystem, long-term compatibility depends on the framework's versioning cycle (use exact versions provided in Tech & versions used section)
Licensed under the Apache License, Version 2.0.
Built by Veljko Vuckovic for the Client-side Web Applications course.
- Images used here in the example toy interface display were sourced from google, they might be copyrighted and are soly used for educational non commercial purposes
