https://github.com/riteshkumarshukla/platform-commons

Platform-Commons Assignment
https://github.com/riteshkumarshukla/platform-commons

angular json-server

Last synced: 9 months ago
JSON representation

Platform-Commons Assignment

• Host: GitHub
• URL: https://github.com/riteshkumarshukla/platform-commons
• Owner: RiteshKumarShukla
• Created: 2023-09-15T14:00:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-16T12:21:54.000Z (over 2 years ago)
• Last Synced: 2025-02-13T14:53:10.150Z (11 months ago)
• Topics: angular, json-server
• Language: TypeScript
• Homepage: https://platform-commons-assignment.netlify.app/
• Size: 315 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# platform-commons

This project was generated with Angular CLI version 12+.

## Problem Statement

Create an Angular project with routing included. The project will have two routes: Catalogue page and Cart/Basket page. The main functionalities and requirements are as follows:

- Create a JSON file containing an array of products with fields like Name, Image, Weight, and Price.

- Implement the Catalogue page to display products fetched from the JSON file. Each product should have an "Add to cart" button.

- Implement a Cart page to display the added products, their quantities, and provide options to increase, decrease, or remove items.

- Show a cart icon in the catalogue page for easy navigation to the cart page.

- Ensure the UI is responsive.

### Bonus Features

- Implement a remove button in the cart page to remove products from the added products list.

- Implement a checkout/confirm order button that redirects the user to a summary page with the order details.

## Screenshots

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/134f2de6-ecf4-4282-9017-eafc9439f8ba)

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/3c28e8c8-4e03-45b1-ac8d-acb77778e2e7)

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/67b23310-edf0-401d-8d09-7961b6edc980)

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/40e7e5ed-4ee6-4c5e-9148-2d6c9721a5ee)

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/7d5bd71f-5656-42b2-861e-cd12517bddce)

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/54df71d2-d21f-41cd-9e9f-7ee118854781)

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/3d7670a2-85a4-460d-9b9c-690a4df8f96a)

![image](https://github.com/RiteshKumarShukla/platform-commons/assets/110231091/b2699a9d-872e-4bf6-b434-49a913d6e519)

## How to Run

1. Clone this repository: `git clone https://github.com/RiteshKumarShukla/platform-commons/`

2. Navigate to the project directory: `cd platform-commons`

3. Install dependencies: `npm install`

4. Run the application: `ng serve`

## Technologies Used

- Angular 12+

- HTML, CSS

- JSON for data storage

## Contributors

- Ritesh Kr. Shukla

For more details about the project, visit [GitHub](https://github.com/RiteshKumarShukla).