TypePlanet Social Network

Social Network with MERN & Redux 🖥️🪐

Check it in ✅

Trello | Video (Spanish) | Heroku

📝 About

TypePlanet is a social network aimed at software developers, where they can share their knowledge and ideas.

---

✏️ Table of contents

1. Technologies & Stack

2. File Structure

3. Install

4. About the App

   4.1. API
   

   4.2. Features
   

   4.23 Screenshots

5. Author

🧪 Technologies & Stack

👁️ Front-End:

🧠 Back-End:

💽 Database

*

* (MongoAtlas)

📁 File Structure

🚪 Install

• npm
• Node

1. First, create a .env file on the root of the project and put your PORT & DB key

PORT: 7878
DB: mongodb+srv://user:password@cluster0mongodb.net/yourdatabase?retryWrites=true&w=majority

2. Make sure your MongoAtlas is running

3. Install Back-End dependencies

npm install

4. Install Front-End dependencies

cd client
npm install

5. Run the next command on the root of project to deploy

npm run dev

👩‍🚀 About the App

🧭 API

Download YAML File (Open with Swagger Editor)

Download Postman Collection File

🧾 Features

• User register & login
• Create & edit profile
• Auto random avatars for users (1-100 different avatars)
• Users list
• Notifications (toastify)
• Create posts
• Posts with categories
• Filter posts by stack (front-end, back-end or all)
• "Like", "Dislike" & "Comment" on a post
• Level system for user (you gain level when commenting or creating a post)
• Weather widget on home using your city
• Information cards with blogs on home
• Followers & following

📷 Screenshots

Login

Invalid Login

Register

Home

Home Without Profile

Create Profile

Home Cards

Posts

Post

Post Comments

AstroDevs

Follow / Unfollow

Profile

Edit Profile

Logout

---

⭐ Author

Deeply proud of this project, Le4nnt0nn :)