https://github.com/devraider/ecommerce-app-frontend-angular

Web application built with Angular for managing online shopping experiences. Other key technologies include Bootstrap, HTML, CSS, Okta, Stripe.
https://github.com/devraider/ecommerce-app-frontend-angular

angular bootstrap css html javascript okta stripe

Last synced: 2 months ago
JSON representation

Web application built with Angular for managing online shopping experiences. Other key technologies include Bootstrap, HTML, CSS, Okta, Stripe.

• Host: GitHub
• URL: https://github.com/devraider/ecommerce-app-frontend-angular
• Owner: devraider
• Created: 2024-10-29T16:31:16.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-10-30T11:18:45.000Z (over 1 year ago)
• Last Synced: 2025-03-06T02:46:58.863Z (over 1 year ago)
• Topics: angular, bootstrap, css, html, javascript, okta, stripe
• Language: TypeScript
• Homepage:
• Size: 41.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Ecommerce App Frontend - Angular

This is the frontend application for the **Ecommerce App**, built using **Angular**. It provides users with an interface for browsing products, managing their shopping cart, and completing purchases.

> [!note]

> This project using as backend [Ecommerce App - Springboot](https://github.com/devraider/ecommerce-app-backend-springboot)

## Presentation images

1. Home page

   ![alt text](/src/assets/docs/image.png)

2. Cart

   ![alt text](/src/assets/docs/image-1.png)

3. Okta Authentication component

   ![alt text](/src/assets/docs/image-2.png)

## Features

- **Product Catalog**: Browse products with filters and search functionality.

- **User Authentication**: Sign up, log in, and manage profiles with secure access.

- **Shopping Cart**: Add, edit, and remove items with a real-time cart view.

- **Checkout and Payment**: Integrated with Stripe for a secure payment experience.

- **Order Management**: View order history and track orders.

- **Responsive Design**: Optimized for desktop and mobile views.

## Technologies Used

- **Angular**: Frontend framework for building dynamic user interfaces.

- **TypeScript**: For type-safe code in Angular components.

- **Bootstrap**: Styling framework.

- **Stripe API**: Payment processing.

- **RxJS**: Reactive programming with observables for efficient state management.

- **Okta**: Authentication and Authorization of user.

## Getting Started

### Prerequisites

- **Node.js** (v14+) 

- **npm** (10.8+)

- **Angular CLI** (I would recommend to install it globally `npm install -g @angular/cli`)

### Installation and Setup

1. **Clone the repository:**

   ```bash

   git clone https://github.com/devraider/ecommerce-app-frontend-angular.git

   cd ecommerce-app-frontend-angular

2. **Install dependecies**

    ```bash

    npm install

    ```

### Run the applicaion

   ```bash

   npm start

   ```