itkrivoshei / angularcommercetableapp

An Angular app displaying commerce data, integrated with AWS Lambda and API Gateway, featuring Angular Material and NgRx.

🛒 AngularCommerceTableApp

A streamlined Angular project showcasing a dynamic data table of commerce entries. Initially fetching data from random-data-api.com, this app now integrates a serverless backend with AWS Lambda and API Gateway, enhanced with Angular Material and state management via NgRx.

🔗 Live Demo

Check out the live demo here.

🚀 Quick Start

Clone the project:

git clone https://github.com/itkrivoshei/AngularCommerceTableApp.git

Change directory:

cd AngularCommerceTableApp

Install dependencies:

npm install

Serve the project locally:

ng serve

Navigate to http://localhost:4200/ to view the app.

🛠 AWS Configuration

Configured AWS Lambda and API Gateway for backend services to bypass CORS issues and securely fetch data for the application.

🏭 Build and Deploy

Build the project:

ng build --configuration production --base-href "https://itkrivoshei.github.io/AngularCommerceTableApp/"

Deploy to GitHub Pages:

ngh --dir=dist/AngularCommerceTableApp

🧪 Unit Tests

Run unit tests with the following command:

ng test

Tests are detailed for:

• Commerce Table Component
• App Component
• Commerce Service

⚙️ Environment Configuration

Configured for development and production environments with respective AWS API Gateway endpoints:

• Development
• Production

🎨 Features

• Fetches and displays over 100 commerce entries from a serverless AWS backend.
• Utilizes Angular Material for UI components.
• Incorporates NgRx for state management.
• "Load More Commerces" button to fetch additional entries.
• Custom styling for a unique user experience.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.