FINAL APPLICATION

Knowledge Transfer Program - In the final week of the application development, students linked their html5, css screens with the firebase databases.

Login Screen to the application:

Sign up Screen:

From first week of this project, III, II, I year students of ANJAC college, Sivakasi, INDIA worked as team with EnviroApps Inc, Orlando, FL, USA. They learned and had hands on experience in International Cloud base technologies, Project Management, Agile/SCRUM methodologies, source control (GIT), CI/CD, NOSQL Firebase (database), data structures, CRUD, HTML5, CSS, Coding Standards, QA, Software Development Life Cycle and team work. The end application came out professionally well and was appreciated by the end users. 

Great effort by the Team:

INDIA - III, II and I year students of ANJAC college, and Dr. C.P. Chandran, Associate Professor, Computer Science, ANJAC, Sivakasi, India

USA - EnviroApps Inc - Dr. Makesh Karuppiah, Mr. Venu Keshavan and Mr. Narayanan Laskhmanan.

Verified certificates were provided to the students:

Students were guided further to learn about other techniques such as Unix, Online certification courses and other options following EnviroApps Inc steps (IT Intensive experience and Novice to Professional experiences were provided to students).

Together we can achieve more.

We are looking forward to build such teams for positive progress.

Application Wireframe

 Teams are moving forward with application wireframes. Wireframe is just an outline of a webpage or app. Wireframes also provide 

*  overview of the page structure, 

*layout, 

*information architecture, 

*user flow,

* functionality, and 

*intended behaviors of the screens in the application. 

Initial product concept, styling, color, and graphics (css, js -  standards) were also planned and reviewed.

Until now teams learned for the past 5-6 weeks as a unit. 

Great to see that all parts of the projects were put  together coherently to reach where we are now.  

Great TEAMWORK by all involved.

We are looking forward to see more improvements!

Next step is to see active calls going back and forth between HTML pages (js , css) and the Firebase database! 

For uniformity of the application teams 

* added profile on all the 3 pages.

* modified the table layout.

* changed the same font style for all the pages.

Further plans:

SAM Team:

* Add Search feature

* Separate table into 3 blocks

* Add radio button for  selecting table

* Default table - New user 

* Retrieve data from User data in firebase 

SSS Team:

* Change style on the left side of the page like SAM team page

* Retrieve data from Donors data in firebase

JAS Team:

* Change table header Image, Video, Audio instead of Upload image, upload video , upload audio

* Change style on the left side of the page like SAM team page

* Retrieve data from Transaction data in firebase

YODD Team:

  QA for all  the above teams screens.

SCRUM Master: has successfully coordinated the meetings and updated information to team.

Project moving forward as planned following Agile/Scrum.

CI/CD - Continuous integration

The automated building and testing of application on every step.

Continuous delivery
Application is always ready to be deployed with a step  - were mentioned to the team. 

Also asked student to go through firebase documents for the firebase NoSQL database data structures we created - mainly about the JSON objects. Very good progress by the team.

Good news: One of the team member was already selected for real time job and congrats to the team member. Successful Team Member mentioned that this project helped immensely during the interview. That's what we wanted to build by this project - to prepare the new comers to Real World Team Work. 

Together we can achieve.

Source Control and Database

 Source Control and Database for the Project:

GITHUB TUTORIAL - COMMAND SHEET

FOR DEVELOPERS:

git pull 

fetch and merge any commits from the tracking remote branch

git add [file] 

add a file as it looks now to your next commit (stage)

After Modifying a file:

git push [alias] [branch] 

Transmit local branch commits to the remote repository branch

git commit -m “[descriptive message]” 

commit your staged content as a new commit snapshot

DATABASE - NOSQL

GOOGLE - FIREBASE - NOSQL

JSON:

https://www.json.org/json-en.html

(JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language Standard

NO SQL. - Tree Based - JSON

In our project - Tree Based JSON:

Project Name > User > User ID > details

Note down Details about Roles: Admin and event conductors (Donors, Servicers, - ROLE BASED) and end users.

What is SQL - Learn about Structured Query Language -

We are using NoSQL databases (aka "not only SQL") are non-tabular databases and store data differently than relational tables.

Firebase Database 

DATA STRUCTURES

DATA - Read and Write

Assignments to students.

Developer - CSS Coding Standards Developer - HTML Coding standards Developer - Javascript Standards

Teams have been formed:

SCRUM MASTER (N) to add the steps in the projects.

Team A - SAM

Team B - SSS

Team C - JAS

Team D - (Q & A) YoDD

All teams explore about JSON and NoSQL

Share knowledge about  Git pull & push  and each team member try some examples 

EAANJAC PROJECT SETUP

Team Architect, Program Manager and SEO Technologist joined the meeting today.

 PROJECT SETUP - TOOLS and ENVIRONMENT:

GITHUB - user accounts were setup for the Project and repository for the project was setup. This Project information was notified to students during meeting.

1.    Install VSCode (it is IDE) or use it if already installed -

2.    Install git (GIT is a free and open-source version control system used to handle small to very large projects efficiently. Git is used to tracking changes in the source code, enabling multiple developers to work together on non-linear development.)

3.    Add GIT to windows PATH environment variable. When working with GIT on windows, you may have need of accessing GIT command from any directory or software application.

4.    Install and verify Node.js and NPM (NPM is Node package manager)

                      Note - At every step of installation verify the installation.

5.    Install firebase tools  -npm -g install firebase-tools

Verify c:\> firebase --version 

Setting up Projects first time

1) Create "projects" folder and change the directory to "projects" folder. 

2) Clone the repo - Taking a copy of code base to your local machine

URL was provided to students in the meeting.

Using project directory in command window (cmd), 

Run the project locally

1.    Authorize the Firebase CLI by running the following command:

firebase login

2.    Make sure that your command line is accessing your app's local ecss directory

firebase use --add

? Which project do you want to add?

? What alias do you want to use for this project? (e.g. staging)

3.    Run the project locally

firebase serve --only hosting (All the information about these steps were

provided to students and is also available in GITHUB - READ ME.

Few students were successful in installing all these requirements for the project

and were asked to help others regarding installation on their individual computers.

Also, Students were informed to do the following tasks after installing:

1) Do these steps few times and get familiarized with these steps. 

 2)  Be prepared to demonstrate these steps for next next week. Discuss about importance of each step. 

3) Note to students - Please learn more about  Git, Git-Hub (difference), Firebase,  NPM 

(what is NPM, why is it important? etc.), and Web Pack. 

4)  Be prepared to discuss/share about them in the next meeting. 

5 Please do not miss to crank lots of JS challenges! 

Project is sprinting now at good pace. PROJECT SETUP - TOOLS and ENVIRONMENT, 

GITHUB - user accounts were setup for the Project and repository for the project was setup. This Project information was notified to students during meeting.

1.    Install VSCode (it is IDE) or use it if already installed -

2.    Install git (GIT is a free and open-source version control system used to handle small to very large projects efficiently. Git is used to tracking changes in the source code, enabling multiple developers to work together on non-linear development.)

3.    Add GIT to windows PATH environment variable. When working with GIT on windows, you may have need of accessing GIT command from any directory or software application.

4.    Install and verify Node.js and NPM (NPM is Node package manager)

                      Note - At every step of installation verify the installation.

5.    Install firebase tools  -npm -g install firebase-tools

Verify c:\> firebase --version 

Setting up Projects first time

1) Create "projects" folder and change the directory to "projects" folder. 

2) Clone the repo - Taking a copy of code base to your local machine

URL was provided to students in the meeting.

Using project directory in command window (cmd), 

Run the project locally

1.    Authorize the Firebase CLI by running the following command:

firebase login

2.    Make sure that your command line is accessing your app's local (project) directory

firebase use --add

? Which project do you want to add?

? What alias do you want to use for this project? (e.g. staging)

3.    Run the project locally

firebase serve --only hosting (All the information about these steps were

provided to students and is also available in GITHUB - READ ME.

Few students were successful in installing all these requirements for the project

and were asked to help others regarding installation on their individual computers.

Also, Students were informed to do the following tasks after installing:

1) Do these steps few times and get familiarized with these steps. 

2)  Be prepared to demonstrate these steps for next week. Discuss about importance of each step.  

3) Please learn more about  Git, Git-Hub (difference), Firebase,  NPM (what is npm, why is it important? etc.), Web Pack. 

4)  Be prepared to discuss/share about them in the next meeting. 

5) Please do not miss to crank lots of JS challenges! 

6) Look into Agile - MVP. What is MVP?

Project is sprinting now at good pace.

Agile Product Development

Agile Product Development has started. Students started creating user stories following the 

As a (role), I want (function- Action) so that (business value - Why? - Benefit).

These user stories were created for Login and then they started writing user stories for schedule.

Asked students to research on Just In Time (JIT) regarding Agile development.

Meanwhile students also improved their - js skill set and knowledge of GITHUB (source, version control, code collusion - Learning GITHUB).

Asked students to research on Backlog,

Three C's - Card, Conversation, and Confirmation,

INVEST?

Details of Project:

Project Introduction: Portal

Donors -> Servicers -> Connectivity

IT App development for project is the objective.

About the servicer at ground level - Servicers (Volunteers)

We emphasized on team work and communication.

FIREBASE - to build and run successful apps.

Beginning EA ANJAC Team

EnviroApps (EA):

EnviroApps Inc, located in beautiful city of Orlando, Florida, USA, prepares future professional candidates in very little time, which leads them to a sustainable career in the field of Information Technology (IT). At EnviroApps Inc, we have over 20 years of experience in IT solutions, training, and placement. We have developed a system where novice work on real-time projects involving IT, database problems and solutions. Individuals (Students/Interns) will get to learn about the best practices in the IT industry.

ANJAC:

The Ayya Nadar Janaki Ammal College established in 1963 is a standing testimony to the wisdom and farsighted of The Legendary of Humanitarianism Thiru. P. Ayya Nadar, a farsighted industrial architect of Sivakasi town and renowned academician and his equally generous wife Thirumathi A. Janaki Ammal, caters for the need of the rural sector for higher education. As this Institution was established by their Munificence, the College was fittingly named after them. Discipline and Academic Excellence are Hall Mark of this Institution.

Both EA and ANJAC teamed up to develop professional experience for ANJAC Computer Science Students. With the help of Dr. C. P. Chandran and Dr. Venkatesh Babu (HOD) from ANJAC and Mr. Venu Keshavan, CEO and Dr. Makesh Karuppiah, VP of EnviroApps, the team was formed. Mr. Narayanan Lakshmanan is our senior architect for the projects. A WhatsApp group was immediately created for faster communication. ANJAC's  bright students from Computer Sciences enthusiastically participated in the first meeting held on March 14th, 2022 11AM IST through google meet. It was a great start. ANJAC students introduced themselves and shared their interests and hobbies.

EA ANJAC FIRST PRESENTATION.

Immediately we got into work environment:

Project Introduction: Portal

Donors -> Servicers -> Connectivity

IT App development for project is the objective.

About the servicer at ground level - Servicers (Volunteers)

Emphasized to the students that COMMUNICATION is the KEY,

We discussed about SDLC - Software Development Life Cycle,

Software Development - AGILE Methodologies,

Implementations - SCRUM, EXTREME

AGILE Manifesto - https://agilemanifesto.org/

Team - Individual Roles in Project

Development Tools to master - HTML, CSS, Javascript.

GIT-HUB, google cloud and Functional Decomposition

ANJAC students are ready to jumpstart the project.

Students responded with very good Agile Team structure.

Second meeting was held on Mar17, 2022 10AM IST through google meet.

Mr. Venu talked in detail about agile development process and had interactive sessions with the ANJAC students. Students conveyed their experience and knowledge about Agile processes, html, css and javascript. They were asked to develop static pages and transfer to the server. EA server information was provided to them along with introduction to FILE Transfer Protocols (FTP). Filezilla software was introduced to the students. Students were also assigned to write user stories such as regarding login page and other pages, user stories characteristics, sprint planning, sprint review and sprint retrospective. Students responded with assigned students for these tasks.

One more site for trying to master tools was provided - JSChallenger.

Also shared some pictures of our actual service. Volunteering activities were shared in WhatsApp group for more understanding of this project:

As we are going to delve into the project, we asked students to share their results, challenges and how they resolved it.

Let us count on how many challenges we take on as a team.

TEAM WORK - TOGETHER WE CAN ACHIEVE.