nstoyanov95 / gabspot

GabSpot

Features

• Post Creation: Registered users can create posts with text and images, sharing their thoughts and experiences with others.
• Comments: Registered users can engage in discussions by commenting on posts.
• Likes: Registered users can show appreciation for posts by liking them.
• Profile Page: Users can view their profile with a list of their posts and liked posts.
• Post Management: As a post author, you can edit and delete your posts and delete comments on your posts.
• Guest Access: Guests can view posts but cannot interact with them.
• Responsive Design: Enjoy a seamless experience across all devices.

Technologies Used

• Frontend: React.js, CSS Modules, HTML5
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT (JSON Web Tokens)
• Routing: React Router

Installation

1. Clone the repository: cd gabspot
2. Install dependencies for the client: npm install
3. Install dependencies for the server: npm install
4. Set up environment variables:

   Create a .env file in the server directory and add the following variables:

   PORT=3030
   MONGO_URI=your_mongodb_connection_string
   JWT_SECRET=your_jwt_secret_key
       

5. Run the application:
   • Client:

     cd gabSpot
     npm start
             

   • Server:

     cd ../server
     npm start
             

   The client will run on http://localhost:5173 and the server will run on http://localhost:3030.

Usage

1. Sign Up: Create a new account using your email address.
2. Log In: Access your account using your credentials.
3. Create Posts: Write and share posts with the community.
4. Comment: Engage with others by commenting on their posts.
5. Like: Show appreciation by liking posts you enjoy.
6. Edit and Delete Posts: As a post author, edit or delete your posts.
7. Delete Comments: As a post author, delete comments on your posts.
8. Profile Page: View your profile to see your posts and liked posts.
9. Guest Access: View posts without an account, but you cannot like, comment, or create posts.