Our Stories about Atlassian Forge Technology and How We leverage Forge Technologies to build an amazing (7) Apps in just 3 weeks of the Forge App contest 2021

Hi everyone, My name is Esedo Fredrick Chijioke along with my Team Member Nkemjika Gwacham. This is the first time we are hearing about Forge Technology and so we decided to get onboard and see how it goes. This contest happened to be the First Contest we are partaking with Atlassians.

Atlassians that powered Forge has two major Teams Collaborative Tools know as Jira and Confluence.

Forge is a language or Front End/Server Side Tech. developed by Atlassians that is used to power both Jira and Confluence Apps.

At First we do not know how to go about with Forge but with the sample Codes/example-apps provided by Atlassians on their site, we were able to go through it and then discovered that anyone with little knowledge of React/Reactjs can easily master Forge with ease. ( https://developer.atlassian.com/platform/forge/example-apps/ )

On Further reading about Atlassian Forge, We discovered that Forge learning/codings comes in two different categories.
1.) Forge Custom UI ( https://developer.atlassian.com/platform/forge/custom-ui/ )

2.) Forge UI KITS(beta). ( https://developer.atlassian.com/platform/forge/ui-kit/ )

Forge also has a venerable Cloud Storage or Database System called Forge Storage powered by Forge Storage API that makes that manipulations very easy as regards to the ability to store/insert data, read, update and deleting of data/records to and from the Forge Cloud Storage System.
The combination of Forge UI Technologies along with Forge Storage System makes building any sorts of applications ranging from Small, medium, large and extremely large enterprise applications possible on top of Atlassian venerable Forge Ecosystem.

We developers do not need to worry about where to store and query our data as Forge Cloud Storage System has taken care of that. To this effect, we only concentrate on how to build our applications while the rest job is automatically handle by Atlassian highly secured Forge Ecosystem.

Why Forge Technology is the Best Option for Developers building all sorts of Applications including Large Enterprise Applications.

Below listed points is our findings with Forge during the Forge App Contest 2021

1.) Forge Allows Developers to automatically used the scripting language they care about and that is Javascript, React etc. To this Effect, any developer with knowledge little knowledge of React, javascript etc. will find coding with Forge extremely easy.

2.) Forge comes with two Categories of UI Components:
A.) Forge Custom UI: This tech, allow developers to have little knowledge of Html, css, javascript and React. React is used on both Forge frontend and mostly on backend.
B.) Forge UI KITS(beta): This tech allow developers to only have little knowledge of react as everything is done Sever side. This tech has already built-in Forge React Components that one can easily leverage without further npm forge package installations.

3.) Security: Applications built on Forge is highly secured. All applications are run either within highly secured Atlassians Jira or Conflunce Ecosystem. Consequently, all applications making API calls to and from 3rd party sites from Forge applications are only allowed to be validated and process over https/https via Forge Atlassian Fetch API which is extremely easy to learn/integrate.

4.) Unbeatable Cloud Storage Ecosystem: We Developers do not need to worry about where to store our application data as Forge has already taken care of that. With Forge Cloud Storage, we have been able to write, read, update and delete our application data to and from Forge Cloud Storage System.

5.) Save Time and Energy: Developing applications with Forge makes your coding very faster. You can even used the fastest Forge UI KITS Technology which is still at beta stage. This help make our codings extremely fast.

6.) Easy Coding Error Tracking System: Forge automatically log Developers Coding errors in the Log Consoles. This makes finding of Coding errors and debugging extremely fast and easy thus encouraging the application developers to continue coding going forward.

7.) Forge Developers Community: Forge has an amazing developers community where you as a developer can easily ask any questions and get answers/responses to and from Forge Experts and other community members.
This Forum/communities ensures that all your issues, questions, problems etc will be easily resolved to keep you going forward with your Forge Application Developments. ( https://community.developer.atlassian.com/c/forge/45 )

8.) Easy Application Hosting/Deployments: You don't need to bother where to host your applications or spend additional money on hosting as all your applications will be running automatically on either Jira or Confluence Cloud depending on your Atlassians configured environments preferences.

Its time to decide which Forge Technology to go with. Having tested some Forge Sample applications and the time frame to build our app, we decide to go with Forge UI KITS which has already built-in components that we have to import. In as much as Forge UI KITS is still in beta, its the most awesome and fastest way to build Forge Applications in minutes.

During the Forge APP Contest 2021, We succeeded in building 7 different Forge Apps listed below in less than 3 weeks.


All our Applications are powered by Forge UI KITS, Forge Storage API and Forge Fetch API

1.) Codex for Teams on Confluence: ( https://devpost.com/software/forge-101 )
2.) Contact Us Customers Support System on Confluence: ( https://devpost.com/software/forge-102 )
3.) Forge E-Commerce on Confluence: ( https://devpost.com/software/forge-103 )
4.) Customers Feedback AI on Confluence: ( https://devpost.com/software/forge-104 )
5.) Documents and Files OCR for Confluence: ( https://devpost.com/software/forge-105 )
6.) Team Password Vaults: ( https://devpost.com/software/team-password-vaults )
7.) Forge Issues Notes Todolist: ( https://devpost.com/software/team-password-vaults )

Below is what Our Application Does and How we integrated Forge Technologies in building our 7 Applications.


1.) Codex for Teams on Confluence: ( https://devpost.com/software/forge-101 )

This is an applications that allows Software Engineers to easily Write Codes, Add Codes, Edit Codes and share Codes remotely with your Teams via Email Services powered by Forge UI KITS and Storage API .
The major Forge UI KITS components for this is Code Components https://developer.atlassian.com/platform/forge/ui-kit-components/code

What it does

A.) Allow Software Engineers, Team Programmers etc to easily Code, Edit and Publish Codes.
B.) It also allow sharing of Codes to all team members remotely across the globe via Email Services applications Components.

How we built it

A.) Atlassian Storage API for data storage, Updates, Queries and managements.
B.) Forge UI KITS(beta) Components Eg. Code, render, Fragment,Macro, MacroConfig, InlineDialog, ModalDialog, Text, Strong, IssuePanel,Button, ButtonSet, useProductContext, useState, Component, useEffect, ConfigForm, Form, Option, Select, TextArea, TextField,UserPicker, RadioGroup, Radio, Heading, SectionMessage, Table, Head, Row, Cell, rowsPerPage
C.)Email Services used for Password Sharing via Atlassian Fetch API Calls.


2.)Contact Us Customers Support System on Confluence: ( https://devpost.com/software/forge-102 )

This is an interactive applications that provides Customers Support to your Users, Teams without leaving your Confluence powered by Forge UI KITS, Storage API, Email Services and Twilio SMS

What it does

A.)Allow Users, Teams etc to provide Customers Supports to users without leaving Confluence.
B.)Allow Supports teams to get back or reply to their Users, Customers etc. on their issues via Email Services and SMS via Twilio.

How we built it

A.) Atlassian Storage API for data storage, Updates, Queries and managements.
B.)Forge UI KITS(beta) Components Eg. render, Fragment,Macro, MacroConfig, InlineDialog, ModalDialog, Text, Strong, IssuePanel,Button, ButtonSet, useProductContext, useState, Component, useEffect, ConfigForm, Form, Option, Select, TextArea, TextField,UserPicker, RadioGroup, Radio, Heading, SectionMessage, Table, Head, Row, Cell, rowsPerPage.
C.) Email Services used for replying users/Customers Contacts Message via Email powered by Atlassian Fetch API Calls.
D.) Twilio SMS API used for replying users/Customers Contacts Message via SMS powered by Atlassian Fetch API Calls. ( https://www.twilio.com/sms )


3.)

Forge E-Commerce on Confluence: ( https://devpost.com/software/forge-103 )

This is an Online E-Commerce System powered by Atlassian Forge UI KITS, Forge Storage API and Paypal Payments Systems .

What it does

It allows Users to create E-Commerce Online Sites, Sales Page etc to facilitates buying and selling without leaving the Atlassian Confluence.

How we built it

A.) Atlassian Storage API for data storage, Updates, Queries and managements.
B.)Forge UI KITS(beta) Components Eg. render, Fragment,Macro, MacroConfig, InlineDialog, ModalDialog, Text, Strong, IssuePanel,Button, ButtonSet, useProductContext, useState, Component, useEffect, ConfigForm, Form, Option, Select, TextArea, TextField,UserPicker, RadioGroup, Radio, Heading, SectionMessage, Table, Head, Row, Cell, rowsPerPage.
C.) PayPal Checkout Form for Payments management System.


4.) Customers Feedback AI on Confluence: ( https://devpost.com/software/forge-104 )

This is interactive Customers Feedback System Powered by Forge UI KITS, Storage API & Azure Opinion Mining Text-Analytics AI.

What it does

A.)Allows every Businesses, Companies, Teams, Organizations etc. to collect certain information's about their Services, Supports, Products and Brand from their Users, Customers etc. via a Feedback Form AI.
B.)Allow Companies/Businesses to run Sentimental Analysis on their Users/Customers submitted Feedback data about their certain Products, Services or Brands to analyze if the User is Happy(Positivity), Sad(Negativity) or Mild(Neutrality).

How we built it

A.) Atlassian Storage API for data storage, Updates, Queries and managements.
B.)Forge UI KITS(beta) Components Eg. render, Fragment,Macro, MacroConfig, InlineDialog, ModalDialog, Text, Strong, IssuePanel,Button, ButtonSet, useProductContext, useState, Component, useEffect, ConfigForm, Form, Option, Select, TextArea, TextField,UserPicker, RadioGroup, Radio, Heading, SectionMessage, Table, Head, Row, Cell, rowsPerPage.
C.) Azure Opinion Mining Text Analytics AI API Calls
D.) Atlassian Fetch API is used to send and fetch data response about the feedback analysis to and from Azure Opinion Mining Text Analytics API


5.) Documents and Files OCR for Confluence: ( https://devpost.com/software/forge-105 )

This is an interactive System that extracts texts from documents and Images Powered by Forge UI KITS, Storage API & Azure OCR AI.

What it does

The Applications uses Azure Optical Character Recognition's(OCR) to extract text data from documents and physically printed files and Images and stores them to Atlassians- Storage API Cloud for further use directly on Confluence.

How we built it

A.) Atlassian Storage API for data storage, Updates, Queries and managements.
B.)Forge UI KITS(beta) Components Eg. render, Fragment,Macro, MacroConfig, InlineDialog, ModalDialog, Text, Strong, IssuePanel,Button, ButtonSet, useProductContext, useState, Component, useEffect, ConfigForm, Form, Option, Select, TextArea, TextField,UserPicker, RadioGroup, Radio, Heading, SectionMessage, Table, Head, Row, Cell, rowsPerPage.
C.) Azure OCR AI API Calls.
D.) Atlassian Fetch API is used to send and fetch data response while Azure OCR API is used to process and extract text data from files and documents.


6.) Team Password Vaults: ( https://devpost.com/software/team-password-vaults )

This is an interactive System to easily Store, Edit and Share Passwords vaults Data to Users, Teams etc. via Email Services powered by Forge UI KITS and Storage API.

What it does

A.)Add/ Store your Authenticating Username, Emails and Passwords data for all your applications/Platforms.
B.)Allows you to Edit Your Password Vaults Data
C.)Easily Share your Password Vaults Data to Your Users, Teams, Staffs across the globle via Email Services applications Components

How we built it

A.) Atlassian Storage API for data storage, Updates, Queries and managements.
B.)Forge UI KITS(beta) Components Eg. render, Fragment,Macro, MacroConfig, InlineDialog, ModalDialog, Text, Strong, IssuePanel,Button, ButtonSet, useProductContext, useState, Component, useEffect, ConfigForm, Form, Option, Select, TextArea, TextField,UserPicker, RadioGroup, Radio, Heading, SectionMessage, Table, Head, Row, Cell, rowsPerPage.
C.) Email Services used for Password Sharings via Atlassian Fetch API Calls


7.) Forge Issues Notes Todolist: ( https://devpost.com/software/team-password-vaults )

An Interactive System to easily add and store additional notes, infos, Todo-lists etc. on your Jira Issues Powered by Forge UI KITS and Forge Storage API.

How we built it

A.) Atlassian Storage API for data storage, Queries and managements.
B.)Forge UI KITS(beta) Components Eg. render, Fragment,Macro, MacroConfig, InlineDialog, ModalDialog, Text, Strong, IssuePanel,Button, ButtonSet, useProductContext, useState, Component, useEffect, ConfigForm, Form, Option, Select, TextArea, TextField,UserPicker, RadioGroup, Radio, Heading, SectionMessage, Table, Head, Row, Cell, rowsPerPage.


About Our Team

Name: Esedo Fredrick Chijioke
Email: esedofredrick@gmail.com
Esedo Fredrick Chijiokeis the main Developer of all the above listed Applications. He specializes on both Front-End and Back-End applications. At Front-end, He is best working with Jquery/Ajax, Angularjs, Vuejs, React, Bootstraps and Css. At Back-end, He is best working with PHP, Python(Django, Flasks), Nodejs and Go.

Name: Nkemjika Gwacham
Email:/b> nkemjikagwacham@gmail.com
Nkemjika Gwacham is still new in the world of software developments. His best bet being Html, Css, Javascript. He is still learning React and PHP. He contributed on some codings and ideas that gears the development of some apps above.