Planning And UI Design
Course-End Project
Objectives
To build a Client Management Application to handle data of multiple
clients and projects getting developed in parallel regarding projects
tasks, client meetings, and client portfolio.
Prerequisites
• Agile
• Jira Software
• HTML/CSS
• JavaScript
• Angular
• MySQL
• Git
• GitHub
Problem Statement and Motivation
Problem Statement:
This assignment is designed to help understand how to plan and
develop the front end for a given problem. Further, to gain hands-
on experience in designing the database for the project and finally
sync the code with a distributed version control system like
GitHub.
Real-World Scenario:
Anna runs an Architectural firm. To manage her client meetings
and projects, she needs project management software which will
be developed by Henna Solutions, a software company in her
town. In addition, Anna needs a web app to manage her clients
and client meeting schedules
Industry Relevance
Skills used in the project and their usage in the industry are given below:
Planning:
Planning ensures seamless execution of the tasks and meeting the
project delivery timelines.
Frontend Development:
A responsive and interactive UI makes the application more user friendly
and attractive.
Model Layer:
Database setup will help in maintaining logs and important data of user
and application.
Source Code Management:
SCM tools like GitHub will help manage multiple code version effectively.
Task (Activities)
1. Create a project in Jira or any other project management software
2. Create epics for clients and client meetings
3. Create user stories for clients, meetings, and cancel meeting in the epics
4. Create and start sprint for the project
5. Design the web pages for client creation and client meeting using HTML
and CSS
6. Develop a web application and create various required components for
client management using Angular
7. Design the necessary tables for clients and meetings in MySQL
8. Perform the BDD using Gherkin for client and client meeting scenarios
9. Run your Angular Project
10. Sync your code to GitHub
Project Reference
Refer the below mapping of the tasks with the curriculum for any query:
Task 1-4:
Agile - Lesson 4
Task 5:
HTML/CSS complete course
Task 6 and 9:
Angular – Lesson 1 and 2
Task 7:
MySQL – Lesson 1 and 2
Task 8:
Cucumber – Lesson 2
Task 10:
Git – Lesson 2,3, and 4
Submission Process
You will have to submit the project in 1 week.
It is recommended to work on the integrated labs as they have all
the required tools available
Project can be submitted from the assessment tab followed by
clicking on the Submit button.
Provide the documents mentioned below:
• Source Code in zip
• Database scripts to replicate your database settings
• Screenshots of the outputs
Reference Outputs
Reference Outputs
Reference Outputs
Thank you
