img-rings
PROJECT

Angular with Stack Support as MEAN

Industry
Marketplace
Platform
Web
img-rings
img-rings
Technology Used
MEAN stack
MongoDB
ExpressJs
Angular and Node.js

Client Overview


The client runs an Employee/End-Customer Management Company and provides services for organisations to manage their various departments, teams, and end customers. The organisations can either use their own domain by subscribing to software as a platform or a sub-domain by subscribing to software as a service.

This client offers automated, fully hosted solutions that are customised for specific businesses and designed to help agencies and individuals provide their end-customers with excellent service to manage and prepare their documentation online by collaborating on the same platform on a real-time basis within different departments. The idea is to provide support for sharing multiple types of documents categorised into two modes, i.e., internal documentation and business processes and procedures, to help employees become more productive and efficient at work. External documentation is for people outside the organisation, like prospects and customers.

Problems Faced By Them


Our challenge was to develop a secure and responsive MEAN stack application with the Angular framework for an Employee/End-Customer Management Company that provides real-time collaboration and drag-and-drop options for preparing various types of documents while ensuring compatibility with different browsers and devices and supports sub-domains for both SAAS and SAAP services. Additionally, the client wanted a solution to overcome the challenge of processing real-time collaboration and ensure scalability through proper cloud architecture support.

Here are the documents types which any organization/individual can create by their own-
icons

Contracts

icons

Documents of bylaws

icons

Non-disclosure agreements

icons

Employment agreement

icons

Business plans

icons

Financial documentation

icons

Compliance and regulatory documents

icons

Business reports

icons

Minutes of business meetings

icons

Partnership agreement

icons

Company policies

icons

Franchise agreement

icons

Online terms of use

icons

Business pitch deck

icons

Business license

Tech Stack included -
icons

MongoDB as a NoSQL database

icons

Node.js as backend support

icons

ExpressJs a middleware routing framework

icons

Angular v10 as a frontend framework

icons

AWS as a cloud platform consisting of EC2 server instance, Route53 for handling domains and subdomains, SES for sending single/bulk emails, S3 bucket for uploading and support images and files support etc.

icons

Company policies

Architecture Diagram


img
img

Technical Objectives


The objectives of the applications were to develop it from scratch with MEAN stack
icons

Responsive to iPad so users can collaborate and manage/prepare their documentation.

icons

To make it compatible with all browsers, regardless of their versions, old or modern.

icons

Have the support of the Angular Framework to increase the load time for performance tuning based on on-demand module loading on browsers.

icons

Socket.io integration for getting real-time collaboration support for working on similar documents by teams simultaneously.

icons

Socket.io integration for chat room creation to support collaboration among teams and end-customers.

icons

Business Challenges


The application was built in order to provide support to multiple organizations, their departments, and teams simultaneously with secure layers. The major challenge was to serve software as a platform as well as a service that includes-
icons

Ensured the application's compatibility with tablets and iPads.

icons

Compatibility of the latest tech stack with older and upgraded browsers.

icons

A special feature of the application was a drag-and-drop option for applying various input options for preparing documents.

icons

Scalability of the application by providing proper cloud architecture support.

icons

Support for sub-domain for each organization + pointing the same server to other domains i.e SAAS and SAAP.

Solution


icons

Implemented Bootstrap to make the application more approachable.

icons

Implemented Angular v10 to overcome all performance-related issues and make the processing time optimal.

icons

Socket.io supports real-time collaboration and chat rooms.

icons

Latest design support for all updated browsers and is also compatible to run the application on desktops, tablets, and iPads.

icons

Implemented application support includes a drag-and-drop option to attach relevant input option features such as a text editor, gallery creation, video frames, signature boxes, etc.

icons

Exclusively designed as a single-page application.

icons

Results


icons

The application has a new intriguing UI that attracts the user and also eliminates complications, The user can also identify the status based on the colour (every colour has a meaning, ex: Blue for 'saved', Red for 'rejected').

icons

Performance has been taken care of with the integration of the latest tech stack and cloud services.

icons

The application was built and supports desktops, tablets, and iPads.

icons

The single-page application (SPA).

icons