Introduction

Methodology
Proposed Work
Conclusion and Future Scope

Full Stack Developer Internship -

ComposeCorner

B Tharun Kumar Raju

Roll No.: EDM18B058

under the supervision of
Mr Harsha Baskaran
Department of Electronics & Communication Engineering
Indian Institute of Information Technology
Design and Manufacturing, Chennai, Tamil-Nadu-600127, India

October 25, 2021

1/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner
 Introduction
Methodology
Proposed Work
Conclusion and Future Scope

Seminar Outline

1 Introduction
Motivation
Objective

2 Methodology
work track
Technologies used

3 Proposed Work
Work Done

4 Conclusion and Future Scope

2/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology Motivation
Proposed Work Objective
Conclusion and Future Scope

About ComposeCorner

ComposeCorner is a Website designing solution company, From

personal blogs to full fledged corporate websites, Compose Corner
will help its customers to enhance their online presence and build a
considerable viewer/customer base. Compose Corner is that the
most economical and reliable solution to website design, SEO,
casual content, creative writing, product reviews, logo-design,
proofreading, e-books, and far more. Compose Corner believe that
customer satisfaction is of paramount importance with a team of
experienced writers and designers are always available to require up
projects of all scales.

3/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology Motivation
Proposed Work Objective
Conclusion and Future Scope

Motivation

To work on a real world project (Training platform) which acts

as bridge between trainers and Trainees, primarily focusing to
provide ease of access to the users and a smooth user
experience
Making everything accessible itself on the App as per the
company requirements.
Since, everything is being devitalized, standing out from the
rest requires unique set of features
Picking up the right technologies and using the resources
efficiently

4/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology Motivation
Proposed Work Objective
Conclusion and Future Scope

Objective

Sending push Notifications to the mobile app from the

firebase cloud
Generating google meet links dynamically on web/mobile app
Adding events to the Google Calendar using Google API
Uploading videos from client end and A server to upload
videos to VIMEO API
Showing Graphs and Statistics for an user
Admin App
Updating and Managing the Payments page of the website
Filters and Sorting

5/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology work track
Proposed Work Technologies used
Conclusion and Future Scope

Work Track

we follow the agile methodology splitting up the work and

working on it. I will be working on the projects assigned to me
within a specified time and then testing it out with our
mentor and other developers, fixing up the issues and then
same with the next task.
The project that we worked on was a training platform to
provide communication between Coach(Trainer) and
Athlete(Trainee), This platform provides coach to assign a
workouts/Nutrition/VOD. these assigned workouts can be
viewed/tracked. Also there are a lot of features like Nutrition,
Meals, Events, Real Time Messaging between Athlete and
their respective coach.

6/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology work track
Proposed Work Technologies used
Conclusion and Future Scope

Technologies used
ReactJs, React Native, Node JS, PHP, MySQL, Firebase, HTML
and CSS are the main languages used in this web development
project
REACT : React is a free open source front-end JavaScript
library for building user interfaces or UI components,
React Js : ReactJS is a declarative, efficient, and versatile
JavaScript library for building reusable UI components
Node NodeJs is an open-source, cross-platform run time
environment and library, that is used to run the web
applications outside of a client’s browser
FireStore Firestore is cloud hosted NoSQL database which
can be accesed by iOS, Android, web applications with Native
SDKs

7/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology
Work Done
Proposed Work
Conclusion and Future Scope

Work Done I

uploading/managing Videos
A coach can also assign video workouts for an athlete and we
achieved uploading and managing videos with Vimeo API.
Generally, Vimeo is Video hosting, sharing and streaming
Platform and the Vimeo API makes the uploading and
managing videos much more easier through an API request,
so We created a server using nodeJS, Vimeo API module.
Initially we have to give the necessary scopes in Vimeo API
settings, then with the generated credentials we can connect
to Vimeo remotely from the server. This server was hosted on
Heroku, A platform as a service company to run, build servers,
from the website a form

8/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology
Work Done
Proposed Work
Conclusion and Future Scope

Work Done II

Google APIs
A Coach can create an event and can add a list of athletes to
this event, he can either set the event as a video meeting or
other. Google API has been used to add the events created by
the coach to their calendar for alerts and also used to create
google meet links dynamically.
Managing Workouts/Nutritions
As a coach can assign workouts/nutrition to the athletes,
coach have the features to add a workout/nutrition
On the workouts section, Coach can assign the workouts to a
number of coaches at once with a date selecting module
which loads a date range. There coach can select type of
workout and describes the type and reps etc..

9/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology
Work Done
Proposed Work
Conclusion and Future Scope

Work Done III

Payments and Reports

Reports play a crucial role in understanding one’s progress, so
in our project, we have added three kinds of weekly reports,
which takes all the weeks performance of an athlete including
daily water intake, Workouts completed, Nutrition intake etc,
For the payments, a simple and well layout has been designed.
displaying the pending, completed, upcoming, due in separate
blocks with a good colour combination for each of them
From the Back-end, we fetch the details of an athlete in the
payments collections. then filtering the fetched data according
to the payment status in an efficient way. Then these results
will be displayed in the pie chart.

10/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology
Work Done
Proposed Work
Conclusion and Future Scope

Work Done IV
Profile
Since our project is a training platform, We have to get to
know about an athlete as much as we can so that a coach can
have a batter understanding of the trainee. For this, we have
added multiple assessments where athlete can edit/save
details about him and out internal logic enables the coach a
clear way of a trainee current status.
Admin Panel
The admin panel can help user-related functions, like providing
insight into user behavior, handling profiles that violate the
site’s terms and conditions, and tracking transactions
In admin panel itself, we have also added a section to create a
new account for coach as per requirement.

11/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology
Proposed Work
Conclusion and Future Scope

Conclusion and Future Scope

Working as a Full Stack Developer at ComposeCorner, It was
really a wonderful oppurtunity to be working there. I was so
motivated to do work in the direct supervision of the
Co-founder of the company. We had gone through a peak
work time, Having been part of it at this extreme pressure it
helped to equip better at such extreme work pressures.
As an young software engineer aspirant, I had a very great
time during my internship which provided me a unique growth
oppurtunity, brigning out most out of limited resources, ability
to learn at different conditions, diverse responsibilities, added
value and appreciation, control over the working project,
flexibility and challenging environment
I am extremely satisfied by doing the internship at
ComposeCorner. I am grateful to ComposeCorner for
providing me with this oppurtunity
12/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner
 Introduction
Methodology
Proposed Work
Conclusion and Future Scope

Selected References I

[1] Wikipedia, React Js, https://en.wikipedia.org/wiki/React( JavaScriptl ibrary )

[2]ReactJs, https : //reactjs.org /docs/hooks − intro.html
[3]ReactNative, https : //reactnative.dev /docs/getting − started
[4]Wellzap, https : //wellzap.io/
[5]WellzapApp, https : /beta./wellzap.io/
[6]Axios, https : //github.com/axios/axios
[7]nodeJs, https : //nodejs.org /en/
[8]Express, https : //expressjs.com/

13/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner

 Introduction
Methodology
Proposed Work
Conclusion and Future Scope

o u
k Y
T han

14/14 B Tharun Kumar Raju Full Stack Developer Internship - ComposeCorner