Cugram

A PROJECT REPORT

In partial fulfilment for the award of the degree of

BACHELOR OF ENGINEERING
IN

COMPUTER SCIENCE AND ENGINEERING

Chandigarh University
JUNE 2024

Submitted To Submitted By :
Akanksha Singh(E14998) Kunal Badodia(20BCS5860)
Simran Kaur (E13584) Tanveer Ahmed Mansuri(20BCS5727)
Adarsh Kumar Gaud(20BCS5794)
Pushpendra Pandey(20BCS3465)
Gaurav Verma(21BCS8159)
 TABLE OF CONTENTS

Chapter 3:

3.1 Evaluation & Selection of Specifications/Features………………..3-4

3.2 Design Constraints………………………..………………………….5

3.3 Analysis and Feature finalization subject to constraints….………6

3.4 Design Flow………….………………………………………………7-9

3.5 Design Selection…….……….……………………………………….10-11

3.6 Implementation Plan/Methodlogy …………………………………11-12

 CHAPTER 3

DESIGN FLOW/PROCESS

3.1 Evaluation & Selection of Specifications/Features

1. Objective: The main purpose of this project is to Social networking websites' main
goal is to make it possible for people to interact and communicate with one
another. The platform should offer features and tools that enable user interaction,
information sharing, and discourse. Social networking sites bring people together
who share hobbies, backgrounds, or ambitions in an effort to foster a feeling of
community. The goal is to create a space where people can connect with others
who share their interests, join organisations that are relevant to them, and engage in
discussions.

2. Single Entity: A project is one whole thing. This means that in a project although
different people contribute still is recognized as a single entity. Our team is evenly
divided and working on different module which once assembled, it will be
recognized as a single entity.

3. Life span: Just like other software projects, this project is also time bound. At the
time of planning, our project is divided into different modules, and the estimated
time was 3 months.

4. Require Funds: Every project needs funds to reach the endpoint. Without
adequate funds, no project can be successfully implemented. Our estimated cost
depends on the services we use in making of the project, such as hosting, cloud
space and other services.

5. Life cycle: Each project has a life cycle with different stages like start, growth,
maturity, and decay. A project has to pass through different stages to get itself
completed. The life cycle of this project will be stages like planning, defining,
designing, building, testing, and deployment, etc.

6. Team Spirit: Team spirit is required to get the project completed because the
project constitutes different members having different characteristics and from
 various disciplines. The members working on this project, they have a common
goal to achieve in mind. In project management, collaboration contributes to
greater efficiency and productivity. Everyone is showcasing their abilities, holding
themselves accountable, and asking for support because they respect one another.

7. Risk and uncertainty: So, risk and uncertainty are always associated with
projects. Managing risks are easier because one can identify them and develop a
response plan based on their experience. However, managing uncertainty is very
difficult, as previous information is not available, too many parameters are
involved and one cannot predict the outcome. However, to complete the project,
we have to be very cautious, proactive and open-minded to manage risks and
uncertainty.

8. Directions: The task of directing is to carry out the desired plans. It's all about
getting things done. It includes all activities involving influencing, such as guiding
subordinates toward effective performance in order to complete collective
activities.

9. Uniqueness: Each project is unique in itself, and it’s having own features. No two
projects are similar even if the type of organization is the same. Our project’s
objective may be similar to others, but the approach is unique, the working part is
unique, even the designing part is unique. Each and every member of this team has
different mindset, ideology and perspective which make this project very unique.

10. Sub-contracting: Subcontracting is the practice of delegating or outsourcing a

portion of a contract's obligations and tasks to a third party. Every project
necessitates the assistance of an outside consultant, engineer, or subject matter
expert. This led us to few online resources, and a current industry expert for some
inspiration.

11. Cost: Costs are any expenditures made or expected to be made, or financial
obligations incurred or expected to be paid, that are stated in the project baseline.
This project has one-off cost in case of direct costs but in case of indirect cost,
indirect costs occur at the same time as the project, but are not necessarily caused
by it.
3.2 Design Constraints

1. Time: The project’s completion time is 3 months, and is expected to get completed
before 3 months in May 2023.

2. Cost: The budget of the project is very less, which is expected as our project is
cost-efficient, not a large-scale product and hence doesn’t require much funding.
This project is developed mainly for learning purpose.

3. Scope: Users must be able to register, log in, and view their profiles through a user
registration and login mechanism. The ability for users to build and manage their
profiles, including the addition of profile images, identifying information, and
hobbies, is essential.

4. Quality: We are trying to keep our platform as optimized as possible with fast
hosting server for ease of end user.

5. Benefits: This project provides a video distribution service that allows you to
watch movies, dramas, cartoons online. With this, you can watch as much content
as you want, eliminating the need for pay TV channels and satellite broadcasts. In
addition, you can watch it not only on TV but also on your computer, smartphone
or tablet, so you can enjoy it anywhere. If you download your favorite content, you
can also watch it offline on the go.
 6. Risk: In this project there is a risk that there are already many service providers
which provide these types of services so we have to make our service best by
adding some extra functionalities.

3.3 Analysis and Feature finalization subject to constraints

A website that enables people to connect and communicate with one another over a digital
platform is often referred to as an online social networking website project. These platforms
are made to make it easier for users to interact socially, communicate, and share information.

1. Define the constraints: What are the limits or requirements that you need to work within?
For example, do you have a specific budget or timeline to work with? Are there certain
features or functionalities that must be included or excluded?

2. Gather data: Examine current social networking sites to find patterns and commonalities.
To design a distinctive and competitive website, recognise what functions well and what
might be improved. Begin by listing the fundamental components that every social
networking website must have, such as user registration, profile creation, and friend
relationships. Your platform's basis is built on these elements.

3. Analyze the data: Use statistical methods, machine learning algorithms, and other
techniques to identify patterns and insights in the data. This could include identifying which
types of content are most popular with which user segments, or which features are most likely
to keep users engaged.

4. Brainstorm and prioritize features: Based on your analysis, come up with a list of potential
features or improvements that could be made to social networking website for Chandigarh
Univesity. Prioritize these based on their potential impact, feasibility, and alignment with the
constraints you identified in step 1.

5. Prototype and test: Develop prototypes of the most promising features and test them with
users to get feedback. This can help you identify any usability issues or other problems with
the features, and refine them further.
6. Finalize features: Once you've tested and refined the features, finalize them and prepare to
launch them on the platform.

Some specific considerations for social networking website for CU might include:

1. Personalization: A social networking website or mobile application that enables people to

connect and communicate with one another over a digital platform is often referred to as an
online social networking website project. These platforms are made to make it easier for
users to interact socially, communicate, and share information.
2. Mobile optimization: More and more users are accessing Instagram clone on mobile
devices, so it's important to make sure the platform is optimized for smaller screens and touch
interfaces.

3. Accessibility: CUGRAM should be accessible to all users, including those with

disabilities. This could mean making sure the platform is compatible with screen readers, or
including closed captions and audio descriptions for all content.

3.4 Design Flow

After identifying user behavior and need patterns, research was synthesized into a set
of deliverables, which would guide us in keeping the users as a priority throughout the
design process. We developed a simple site map to solidify the organization of pages
within the site.
User Flow
3.5 Design Selection

The application has mainly 3 components… 

 Client: Users should be able to build and personalise their profiles using the UI,
including by uploading profile photographs, cover photos, and other details. Users
ought to have simple access to editing and updating their profiles as necessary.
  OC (Open connect) or Netflix clone CDN: Test your website thoroughly to find
any faults or problems and solve them. Conduct user acceptance testing to gather
input and implement the needed changes.
 Backend (Database): This part handles everything that doesn’t involve cugram
scrolling as onboarding new content, processing videos, distributing them to servers
located in different parts of the world, and managing the network traffic. Most of the
processes are taken care of by facebook.

CUgram frontend is written in ReactJS for mainly three reasons…startup speed, runtime

performance, and modularity. Let’s discuss the components and design of CUgram.

This is of help to users as well, since they don’t need to spend extra time figuring out how a
certain UI element does. Design patterns define standard layouts, flows and interactions.Some
examples of design patterns are:

Authentication of Users and User Registration

 Users should be able to register using their email, username, and password.

 Implement authentication techniques to protect user information and provide safe login

and logout processes.

 To speed up the registration process, provide choices for social login (such as using

Facebook or Google).

User’s Profile:

 Permit users to build and edit their profiles by adding personal details, avatars, cover

photographs, etc.

 Allow users to customise the availability of their information and the privacy settings

for their profiles.

News Feed and Content:

  Create a news feed that shows posts, photographs, videos, and status updates
created by users.
 Apply algorithms to the content curation and personalization based on user
relationships, preferences, and behaviour.
 Encourage engagement and involvement by allowing users to like, comment on,
and share posts.

Connections and Networking:

 Introduce tools that let users connect, like friend requests, follow/unfollow options,
and mutual connections.

 Give recommendations for possible connections based on common hobbies,

acquaintances, or geography.

 Enable group chats and private messaging to promote user-to-user communication.

Privacy and Security:

 Implement privacy controls so that users can decide who can see their content and
personal data.
 To safeguard user data from unauthorised access or breaches, make sure that it is
stored and transmitted securely.
 Utilise systems to identify and stop spam, phoney accounts, and abusive behaviour.

3.6 Implementation Plan/Methodlogy

Here is a possible implementation plan/methodology for designing new features for Netflix
clone:

1. Define the problem: Identify the problem you want to solve or the opportunity you want to
pursue. For example, you might want to improve user engagement, increase retention, or
expand into new markets.
2. Conduct research: Gather data about your users, competitors, and market trends. This can
include analyzing user behavior on the platform, conducting surveys or focus groups, and
studying industry reports.

3. Define the scope: Determine the scope of the project, including the timeline, budget, and
resources available. Identify the key stakeholders and define the roles and responsibilities of
the project team.
4. Ideate and prototype: Brainstorm potential solutions and create low-fidelity prototypes to
test with users. Iterate on the design based on feedback and continue to refine the concept.

5. Design and develop: Once you have a clear concept for the feature, begin designing the
user interface and user experience. Develop the feature using agile development
methodologies, with frequent testing and iteration.

6. Test and iterate: Test the feature with a small group of users to identify any issues or
usability problems. Iterate on the design and development as necessary, and continue to test
and refine the feature until it is ready for a wider release.

7. Launch and monitor: Once the feature is ready for release, launch it on the platform and
monitor user feedback and engagement. Collect data on how users are interacting with the
feature and use this data to inform future iterations.
Some specific considerations for implementing new features on CUgram might include:
1. Personalization: A social networking website or mobile application that enables people to
connect and communicate with one another over a digital platform is often referred to as an
online social networking website project.
2. Mobile optimization: More and more users are accessing Instagram clone on mobile
devices, so it's important to make sure the platform is optimized for smaller screens and touch
interfaces.

3. Accessibility: Ensure that the new feature is accessible to all users, including those with
disabilities. This could mean including closed captions, audio descriptions, or other
accessibility features.

4. Security: Ensure that the new feature is secure and does not compromise user privacy or
data. Use encryption and other security measures to protect user information.

Overall, a successful implementation plan/methodology for designing new features for

Netflix clone will involve a deep understanding of user behavior and preferences, as well as a
commitment to iterative design and development. By listening to user feedback and
continually refining the feature, you can ensure that it meets the needs of your users and
drives engagement on the platform.