Twizzle - Twitter Clone with various features such as creating a post, commenting on it, following people.

AyushAcharya13 44 views 32 slides Jul 02, 2024
Slide 1
Slide 1 of 32
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32

About This Presentation

Twitter Clone with various features such as creating a post, commenting on it, etc.


Slide Content

MAJOR PROJECT - II SUBMITTED BY Anil Lodhi (0176CS201035) Ayush Acharya (0176CS201053) Divyansh Agrawal (0176CS201072) Manas Singh Rajput (0176CS201104) TWIZZLE SU PERVISED BY Dr. Megha Kamble LAKSHMI NARAIN COLLEGE OF TECHNOLOGY EXCELLENCE, BHOPAL

Twizzle, a dynamic social media platform inspired by Twitter. With its intuitive interface, users can effortlessly create and share posts, fostering meaningful connections and conversations. Embracing the essence of social networking, Twizzle allows users to follow others and stay updated with their latest updates. Engage in lively discussions by commenting on posts, amplifying voices, and nurturing a vibrant community. Experience the thrill of real-time interactions, explore diverse perspectives, and unleash your creativity with Twizzle – where every moment sparks connection and inspiration. What is Twizzle ?

Social media platforms serve as vital hubs for global connectivity, enabling instant communication, information dissemination, and community building. Twizzle aims to stand out by prioritizing user engagement, fostering authentic interactions, and providing intuitive features for seamless content creation, fostering a vibrant and inclusive digital ecosystem. # IMPORTANCE OF SOCIAL MEDIA

Logging out from the account Word limit in posts Interface bugs Loading issues Multimedia upload size limit Problem Statement

# TECH STACK HTML CSS JAVASCRIPT REACT NODE MONGODB

# FEATURES Post creation Following other users Commenting on their profiles Adding details to your profile Password recovery and reset

Twi zzle Today

Twi zzle is What’s Happening GATESWAY TO SUCCESS

Solution

Time for a road trip

#Goals What’s the goal of your roadtrip?

What is your primary goal? 1 How does this align to your user goals? 3 Define your goals Why should you invest time and resources into this initiative? 2

# SECTIONS Home page Signup page Login page Profile page Feeds page Comments Posts

#Plans What will it take to get to your destination?

Privacy First 1 Key Results 3 Seamless Experience across devices 2 Map your plan

Goals Tactics Tools Increase media limit Utilize pro media tools to instantly upload and edit profile, media , post, comment natively onto Twi zzle Visual studio code Multer Gridfs Bucket Developer Tools fileFilter () User Authentication and Profiles Utilize public engagement security tools to provide secure environment and encourage to Tw izz Nodemailer Google Auth Passport.js Expand reach of content Utilize curation and publishing tools to extend content to web properties LinkedIn Socket.io Sharing Feeds Tactics

Key Results Volume. Increase in number of Tweets, Tweets with photos/videos, etc. Reach . Increase in impressions, number of video views, video completion, etc. Earned Media Limit . External media upload limit upto 150mb . Competition. Performance better than twitter platform. Authentication . Users able to log in and easy password resets or recovery. UI/UX Bugs. Consistent styling or formatting across pages using grids. How are you going to measure tactics to meet your goals?

# HOME PAGE Home page is the main or default page that a website displays when visitors access its domain. It is often the first page users see and serves as the starting point for navigating the rest of the site. It provides an overview of the website's content like navigation menus, links to important sections, and introductory information.

# SIGNUP PAGE There is the signup page part which can be seen by the following figure we can know more about Login part. It also has a feature for you if you forget the password of your login ID. Int this page basically we provided the various details that are required by the user to be filled such as:- Name Username Email Address Password Profession

# LOGIN PAGE There is the login page part which can be seen by the following figure we can know more about Login part. It also has a feature for you if you forget the password of your login ID. The credentials to be filled are:- Username Password

# PROFILE PAGE Similar to the login/signup page there’s a profile page too from where user can access his ID and can interact with the various features of Twizzle. This page needs a wide range of description of the user because that will help other users more to get to know them. The various information here are:-   Personal Details Name Username Posts Followers Follows Explore Notifications Comments on posts Logout

# FEEDS PAGE This is the feeds page here you can see all the posts that are done by your follows where you can like them comment on them and can repost them on your page.

# COMMENTS These are basically the thoughts that the viewers or the users who ever is seeing the post can comment. Comments are done by the users and you can also comment on your own post so making it more suitable for you to reply to the users who are commenting on your posts.

# POSTS The posts is the page which can be seen by the non-logged in users and here they can also get a little experience of how the application is which also motivates them to download the application and thus making the more wanna be than twitter.

#OhCRAP What happens if you hit a detour?

Encounteri n g obstacles Have questions? Email us at @ twi zzle .com

#Review Did we meet the goals of our roadtrip?

Review Goals. Did the results demonstrate that the goals were met? Key Learnings. What did you learn? Sharing. Who should you share your learnings with? Next Steps. Should you do this again? How do you continue this campaign? Analyze whether goals were met, what are the key learnings, and next steps

U-turn and repeat the Roadtrip

Execution plan How we reached our goal s PRE-EVENT Review plans, testing, tool enrollment, trainings POST EVENT Review results with external partner. DURING Event execution. POST EVENT Download & analyze metrics, draft report, conduct internal review and share with stakeholders. PRE-EVENT Content planning, resource allocation, internal buy-in Goals Plans Measure Review

Paul Ryan @SpeakerRyan One hour to go. #InaugurationDay 493 1,454 10:10 AM – 20 Jan 20 24 Reach of Twizzle

Thank you!