How to make a social networking website opensource project like facebook using asp.net,csharp,C#,sqlserver 2005/2008,Ajax,Webservice??Almost all of us today use facebook and enjoy with our friends while using facebook. But those who are developers or software engineers often have a question in their mind that
a) How stuff like facebook is made and how it works.
b) How i get all the latest updates from my friends who are on facebook.
c) How i get a friend request on facebook.
d) How a message is send to my friends on facebook.
e) How do i see my friends when they are online on facebook.
f) How the chat is saved as thread on facebook.
g) How the images are saved on facebook. And many such never ending questions
This same social networking project which is made in asp.net can be developed using mvc3 and also it can be integrated with chatting functionality
1: Create SocialNetworking Website in MVC3
2: Gmail-Facebook Style Chatting in Social Networking Website
Source Code With Explanation
1: Create Asp.net Project for SocialNetworking
2: Images Logo Icons Used for Social networking Project
3: Database Structure for SocialNetworking Website
4: Database Connectivity of FrontEnd and Backend
6: ImageHandler to load Profile Pics from Database
7: Login Register Form for SocialNetworking Website
8: Register signup form for social netoworking website
9: Sending FriendRequest for SocialNetworking Website
10: Friend List for Social networking website
11: Facebook Header for SocialNetworking
12: Facebook Wall for Social networking Project
13: Facebook Wall updates for SocialNetworking Website
14: Facebook Friends you may know
15: Facebook Profile Pic of Logged In User
16: Facebook Friend Suggestions from Database
17: About Me Page for SocialNetworking Website
18:FriendSuggestion webservicefor SocialNetworking
19: Facebook Profile Page for SocialNetworking Website
20:Final Social Network website Snapshots
Few Snapshots: Basic Version of Social networking website like facebook
- In this snapshot shows the home page.
- When any user will open this website for the first time it will be redirected to this home page.
- This home page contains two forms one is login form and other one is register form
- Every new user can create its own profile or account on heartbeat by filling this register form
- Register form contains the basic details like Name,EmailId,Password,Gender,Date of birth,Your Photo,AboutMe and users country.After entering all this details user can login.
- Login Form contains EmailId and Password Fields.By entering the correct EmailId and Password which the user have entered while registration ,User will be redirected to his or her profile page
User Profile Page with profile picture,wall,People You May Know
Friend List on Social networking website HeartBeat
AboutMe Section on Social networking website HeartBeat
- After thinking about all above questions i started thinking how will i make it and whether the social networking site like facebook that i will make will it work or not.
- I just wanted to make a basic version of social networking site like facebook so that i get a feeling that some what closer to facebook i have made it myself and that will encourage me to make it better and better and finally one day i may be able to make a very good version of my own social networking site like facebook.
- Making your own social networking site sounds great to me and i hope you will also feel happy to make it yourself.
- Now the question is how will you make it.To make your own social networking website you need to learn by yourself or need someones help to make.
- Here on my blog 20Fingers2Brains. blogspot.com i have given all the steps that are need to make a social networking website.
- For making this social networking website i have made use of the following technologies.
- You may have a question like why i used this technologies and why not PHP and MYSQL.
- The answer is this technologies support fast development and every begineers can easily develop their own website using this technologies as they are easy to understand and learn
Current FaceBook Technologies
- Currently facebook is made of the following technologies which are open source and popular on web and popular among web developers
- PHP which is open source programming language
- MSQL and other Distributed Databases as Facebook is a Distributed application whose data is distributed among various locations and MySQL is Open source which will finally save money for the company
- Cloud services for hosting
- Web services for data Communication
- CSS for Designing
- And Many More Technoloiges that we don’t even know about
- If you see the above list you will find that almost all of this technologies are open source and it helps the company to gain money with less investment
- But for developing a social networking site like facebook we are going to use dot net framework and technoloiges which do well with dot net framework .
List of Technologies used for developing Social networking website like facebook are as follows
- Asp.Net Microsoft technology widely used for developing web applications which can be developed using dotnet framework and hosted on windows server and can also be tested on local host
- C#(csharp) A popular programming language mostly used with Microsoft tools .Microsoft Development tools also support many other programming language but csharp is popular among them
- SQL Server 2008 A popular database provided from Microsoft .Mostly Used with Mircosoft Technologies as a Backend.
- Ajax tool Kit A tool kit to enhance the development of website developed in asp.net
- CSS for Design termed as cascading style sheets
- To understand the entire code behind the making of social networking site like facebook lets first understand the overview of the basic version that i have Developed using the above mentioned technologies.