- TechTribe is a social media web app for people to connect each other
- Users can share their thoughts, upload pictures,like, comment and bookmark the posts follow each other and make connections.
- ReactJs
- Tailwind CSS
- Rect-router
- axios
- React icons/MUI icons
- Emoji picker React
- Lottie React
- Mockbee for backend
- user able to see all his posts and posts of the people he/she follow.
- feed posts can be sort by
Trending
andRecent
posts
- All the new users posts will be shown here.
- user can search other user by name or username and follow them if now followed.
- implement
debounce
for search
- User can
like/dislike
,add
,edit
,delete
andbookmark
post. - Each post can be viewed on single page where user can comment and can edit or delete the comment.
- Post can consist of text, image or gifs.
- User can view there profile or any other users profile.
- Each user can edit there profile.
- From someones profile logged in user can follow there following or follower users.
- TechTribe has login, signup and logout feature.
- A new user can also login using test credentials.
- For Signup, form validation is done for all the fields.
- Has light and dark mode
- Clone the repository on your local machine with the command below in your terminal and cd into TechTribe-social folder.
git clone https://github.com/gkumar-pandey/TechTribe-social.git
cd TechTribe-social
- Install dependencies (if you are using yarn do with that)
npm install
- Create a .env file at the root level of the directory (at the level of
package.json
file) and create a environment variable
REACT_APP_JWT_SECRET = <JWT_SECRET_KEY_OF_YOUR_CHOICE>
REACT_APP_CLOUD_NAME = <YOUR_CLOUD_NAME_FROM_CLOUDINARY>
- Start the server 🔥
npm start