Bro:Connecting People in a Simple Way

The internet was made with a goal to share resources and communicate with people, organisations previously hindered by geographical distances and time. When the world was introduced to this miraculous invention the world changed forever, the world shrunk drastically without ever changing its dimensions. So naturally, a specific type of web service grew, the social networking service.


The Bro: Not a Cult, A CONNECTION.
A New way to Connect and Interact with your Bros.

[The Site]



Bro is a contemporary platform made possible by 5 Bros in order to uncomplicate the way people chat online.

Our BroTeam

Abhinav Khattar Overall Backend, Chat System
Vedant Nanda BROadcast, Hosting
Tushar Arora CSS, HTML
Kshitij Gupta JS, HTML
Arpan Mondal BRO Request

Initial Planning



A website, also written as web site, or simply site, is a set of related web pages typically served from a single web domain. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a uniform resource locator (URL).

So first thing we did was create a mental map, of what all web sites needed to be made to make our website and implement all the functionality

  • Login Page
  • Chat Page
  • Home Page
  • Status page
  • Friend Page

Web development is a broad term for the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services.


Django was used to make the the immensely important backend of the website. Our knowledge of coding in Python was extensively used!

The Login Page

  • The Login page was relatively easy, the layout was bootstrapped and rigorous changes in HTML, CSS, JavaScript did the job.
  • Django and its database modules were used to create new users and maintain their records.
  • The main problem we faced was to make sure that no un-authenticated user gets to use the features and send content in the name of other users, but this with a bit of study we overcame.

Home Page

  • The Home Page was suppose to provide all the necessary details and user information in a glance.
  • A lot of thinking was put in make sure all useful notifications appear at the home page.


  • BroChat was suppose to be the one of the core features of the website, hence we made it look like this.


  • As the name suggest BROadcast is used to broadcast your mood.


  • This lets you add people you interact with ,i.e. your BROs.
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License