The document summarizes a social media website project created by students. It includes sections on the project abstract, existing systems and their limitations, proposed system features including secure login and notifications, modules like signup and user profiles, and screenshots of the website. The conclusion states that social media has greatly changed lives but should be used smartly to reap benefits and avoid negative effects.

1. Social Media Website
• DOMAIN- Web Development
Batch No : 12
Project Handled By : Mrs. S. Krishnaveni
Batch Members:
Manikandan K
Vignesh V

2. Abstract : Social Media Website
Web site is the best way of publishing information and branding an
organization. So, we have designed the website on social media
application homepage to spread the name and frame of the same
globally. For designing website, We have used HTML and CSS for web
designing, (PHP and MYSQL Have been used for developing the site –
future projects).In addition, we have taken help from many online
web designing and developing tools.

3. System Architecture:

4. Existing System :
• In recent years large number of people are attracted towards
social media like: twitter, Instagram, facebook, etc..,
• Though we have Many social media today people are not quite
impressed with few features in those sites.
• Even though we have many social media security for our data
being stolen can’t be avoided sometimes.

5. Proposed System :
• The media have enabled friends and relatives to communicate and interact more
effectively, it has enabled many people to make new friends all over the world.
• In addition to our website we have decided to include few extra features like call
recording, Screenshot remainder for (future updates).
• Secure login, content sharing, Real time notifications, simple and friendly user
interface (UI).
• Secure login- Users are likely to share a range of information publicly and privately,
because of their information must be kept as secure as possible to prvent malware
attacks and identity theft.

6. Limitation of Existing System :
• Lacks Emotional connection
• Decreases face to face communication skills
• Facitates laziness
• Deminishes understanding and thoughtfulness
• Creates a skewed self-image
• Causes distraction

7. List of Modules :
• Module 1 :Signup
• Module 2 :User profile
• Module 3 :News feed
• Module 4 :Chat
• Module 5 :Search
• Module 6 :Post creation
• Module 7 :Push notifications

8. Signup :
• Its important to provide different authentication options so that
users can register through the existing social media accounts.
• It is a single sign – on for end users.
• In this module user is provided with new username and password
for security purposes, which he/she may use to login.

9. User Profile :
• A good user profile should include various personal data details.
• And some profile customization features.
• We advice /encouraging user to create unique and cutom profiles.
• And also help them draw other online users attention.

10. News Feed :
• A news feed feature collects visual media including posts , links ,
and other updates that people share with other audiences.
• Its great to let users personalize their feed to see useful posts ,or
to delete or to limit unwanted contacts.

11. Chat :
• Online chat is perhaps the most obvious attribute of an social
media sites.
• We also think that its extremely important to provide photo and
video sharing.
• We also have updates like adding emoji’s while having a
conversations.

12. Search :
• We are sure that a comfortable search bar helps to breach the gap
between users and social media .
• users can look for new accounts using one specified criteria.
• either by tags or username , or location.

13. Post Creation :
• Letting user post something is equally important as having the
news feed feature.
• We need to let users use social media from their gallery create
short Descriptions , add Locations, People etc……

14. Push Notifications :
• This is a great tool and that helps to engage users in conversation.
• And most importantly its keep the users informed about the latest
events and latest user updates on the flag.

15. Use Case Diagram :

16. Class Diagram :

17. Sequence Diagram :

18. Activity Diagram :

19. State Chart Diagram :

20. Hardware and Software Requirements :
• Hardware : Laptop With 8GB RAM.
• Software : HTML, CSS, JavaScript
• Tool Used(IDE) : Visual Studio Code.

21. Screenshots :

22. Screenshots :

23. Screenshots :

24. Coding Screenshot:

25. Coding Screenshot:

26. Coding Screenshots:

27. Future Enhancement:
• More privacy and security
• The video will become the primary type of content
• Heavily focused on Augumented Reality (AR) technology
• Become the primary source of news information
• Data segmentation and the use of AI
• Can do stuff online more than ever before

28. Experimental Result:

29. Conclusion:
• Social media changed our life so much. Our life became more
convenient because social media is a very useful tool for us in 21st
century, it could help us to improve our life.
• However, we have to be aware of how to use them.
• If we could use social media smartly, having social media will
become a good change for us. The effects of social media are very
complex and vary from person to person.
• Based on our data we found that many people either experience
negative effects or notice them in other people.