App Overview

Bantr is a social media platform designed to allow users to create, view, and interact with posts. It features user authentication, post creation, comment functionality, trending searches, and user profiles. Link -> https://bantr-dlxx.onrender.com/

Technologies Used

• Frontend:

  • React: A JavaScript library for building user interfaces.
  • React Router: Used for routing in the app.
  • React Query: For data fetching and server state management.
  • Axios: To make HTTP requests to the backend.
  • React Hot Toast: For displaying notifications.
  • Tailwind CSS: For styling the application.

• Backend:

  • Node.js: JavaScript runtime for server-side logic.
  • Express: A web application framework for Node.js.
  • MongoDB: A NoSQL database to store user and post data.
  • Mongoose: An ODM library for MongoDB and Node.js.
  • Bcrypt.js: For hashing user passwords.
  • JSON Web Tokens (JWT): For user authentication.

Features

• User Authentication:

  • Sign up and login functionalities with password encryption.
  • JWT-based authentication for session management.

• Post Management:

  • Users can create and edit their posts.
  • Posts can include tags, and users can upvote or downvote them.

• Comments:

  • Users can comment on posts and reply to comments.
  • Comment threads are supported for dynamic discussions.

• Trending Searches:

  • Displays trending topics based on user activity.

• User Profiles:

  • Users can view their own profile and edit their information.
  • Users can view other users' profiles and see their posts.

• Responsive Design:

  • The application is designed to be responsive across various device sizes.

This app provides a seamless and interactive experience for users to engage in content creation and social interaction.