Ping Connect
The React, Redux and Tailwind CSS-based social media web app is a feature-rich platform that offers a user-friendly experience to post your thoughts online. It is created to understand implementation of various React functionalities and concepts, and to showcases a visually appealing design.
"Express yourself and connect with the world on Ping Connect, where thoughts come alive!"
Demo
https://www.loom.com/share/e1f4e2649e5544d0a5321e758d391a05?sid=d5e8dfcd-0ab0-4b62-8649-554e4ad93757
How to use on Local Machine:
- $ git clone https://github.com/PsKalsi19/Ping-Connect.git
- $ cd Ping-Connect
- $ npm install
- $ npm start
Features
- Authentication
- Sign-up
- Login
- Logout
- User Feed
- List Posts of users followed by logged-in User.
- Sort by Date and Trending
- Create a new Post
- Add Emoji, Media( Images / Video)
- Like / Dislike a Post
- Edit and Delete the logged-in user's Post.
- Add and Remove Post Bookmark.
- User Profile
- Choose Profile Image from Avatars.
- Upload a profile image.
- Set Banner images.
- Add Bio
- Add Portfolio URL.
- Follow / Unfollow other Users.
- Explore the feed where all posts would be visible.
- Search Users
- Infinite scroll in explore section.
- 404 Home Redirect
- Fully Responsive
Built using
- React
- React Router
- Redux Toolkit
- Tailwind
- Mockbee
- Headless UI
- React Hot Toast
- React Icons
