GitHub Repository URL:

https://github.com/Confused-coder1919/EcommerceApp-Project

Group Members

• Student 1: Syed Mohammad Shah Mostafa (https://github.com/Confused-coder1919)
• Student 2: Siddartha Nanuvala
• Student 3: Shreeram Balaram

Project Description

The EcommerceApp is a comprehensive Angular-based project developed to showcase an e-commerce platform. It includes a frontend interface for users and an integrated backend with a PostgreSQL database for handling CRUD operations. The project adheres to strict coding standards and implements features like data grids and charts.

Technologies Used

• Frontend: Angular CLI version 10.1.7
• Backend: Node.js with PostgreSQL database
• Advanced Features: ag-grid, HighCharts, and drag-and-drop functionality

Work Contribution

Syed Mohammad Shah Mostafa

• Developed the frontend components and integrated ag-grid for displaying product data.
• Implemented the HighCharts feature to visualize sales metrics.
• Coordinated frontend-backend integration using REST APIs.

Siddartha Nanuvala

• Designed and implemented the backend architecture using Node.js.
• Created and documented CRUD endpoints with Swagger OpenAPI.
• Set up and managed the PostgreSQL database, including mock data scripts.

Shreeram Balaram

• Focused on UI/UX design and implemented Bootstrap styling.
• Conducted testing for frontend components and ensured responsiveness.
• Managed Git repository organization and submission process.

Repository Structure

The repository contains two main directories:

1. frontend: Angular-based code for the user interface.
2. backend: Node.js codebase with API endpoints and PostgreSQL integration.

Setup Instructions

1. Clone the repository: git clone https://github.com/your-repository-link
2. Navigate to the frontend directory: cd frontend
   • Install dependencies: npm install
   • Run the development server: ng serve
3. Navigate to the backend directory: cd backend
   • Install dependencies: npm install
   • Start the server: npm run start
4. Ensure PostgreSQL is running and the database is set up using the provided SQL script.

Key Features

• Frontend
  • Data visualization using HighCharts
  • Dynamic data tables with ag-grid
• Backend
  • RESTful API endpoints documented with Swagger OpenAPI
  • Robust CRUD operations for managing e-commerce data
• Advanced Features
  • Drag-and-drop file uploads
  • Auto-completion for search functionality

Pre-requisites

• Node.js
• PostgreSQL database
• Angular CLI version 10.1.7