Twirlo

Live Project: https://twirlo.vercel.app/

• Frontend: HTML, CSS, JS, React
• Version Control: Git and GitHub
• Hosting: Vercel
• Code Editor and Tools: VS Code, npm

To run the Twirlo social media site locally on your machine, follow these steps:

1. Clone this repository: git clone https://github.com/rkshaw20/Twirlo.git
2. Navigate to the project directory: cd Twirlo
3. Install dependencies: npm install
4. Start the development server: npm start
5. Access Twirlo in your web browser at: http://localhost:3000

Overview

Twirlo is a social media site offering various features to enhance your social networking experience. With Twirlo, you can connect with friends, share your thoughts and ideas, and stay updated on the latest trends.

Key Features:

• User Authentication: Create an account, log in securely, and manage your profile for a personalized experience.

• User Feed: The user feed in Twirlo presents a list of all users registered on the platform. Users can browse through the feed to discover and connect with other users. The user feed is designed to facilitate networking and community-building within the Twirlo community.

• Sort Tweets by Date and Trending: Twirlo offers tweet sorting, allowing users to easily organize and browse posts by date. The chronological order keeps users up-to-date with the latest updates. Twirlo also highlights trending tweets, giving users a real-time snapshot of popular discussions.

• Create, Like, Edit & Delete a Tweet: Users can create their own tweets on Twirlo, sharing their thoughts, ideas, and experiences with their followers. Additionally, users can engage with other tweets by liking them and expressing their appreciation for the content. Twirlo also allows users to edit and delete their own tweets, giving them control over their posts and enabling them to refine or remove their content as needed.

• User Profile: The user profile feature in Twirlo enables users to personalize their accounts and provide information about themselves. Users can add a profile picture, an avatar, and a portfolio link to showcase their personality, interests, and professional work.

• Follow & Unfollow: To foster connections and interactions between users, Twirlo offers a follow and unfollow functionality.

• Explore Feed: This feature allows users to discover new content, explore different topics, and engage with a wider community beyond their immediate connections.

• Bookmark Post Feed & Likes Post Feed: Twirlo enables users to bookmark and like posts they find interesting or want to revisit later.

  UI Preview

Login Page SignUp Page

Home Page Explore Page Bookmark Page

User Profile Page

Third Person Profile Page