kimberly-marcelin-nathan/scampers-vibe-kim-task1-businessonbot-mern-stack

Scampers-Vibe-Kim-Task1-BusinessOnBot

Scampers-Vibe-Kim-Task1-BusinessOnBot-MERN Full Stack

Scampers Vibe is a social post dashboard where users can do the following:

---

New user - Register & Login

Existing user - Login

View others posts & comments on it

React to posts

Follow Friends & Unfollow Them

Create your own post with hashtags alongside thoughtful lines that excited you!

View all the posts on your account and follow yourself!

You have two theme modes [light mode & dark mode] choose the one that delights you!

Check out Profile Views and Impressions in the home page [randomly generated]

Have a glimpse of Ad Division, Friend List Division, Profile Details Division, Insights Division, Social Links Division

User can atlast logout!

Check Out Scampers Vibe Here!

https://scampersvibeclient.onrender.com/

---

Let me Explain it to you!

---

Existing users can login directly without having to register!

---

After logging into the account you'll be able to view others posts and Have a glimpse of Ad Division, Friend List Division, Profile Details Division, Insights Division, Social Links Division etc.,

---

When you go into your account, you'll be able to find posts that you've previously posted alongside your friend list, profile details, create post sections and mucg=h more!

---

React to others post and view the comments

---

Oh here we have our dark theme thats totally cool and now we logout!

---

We are registering ourselves as a new user

---

Here we login with our registered Mail ID & Password

---

Now we have successfully logged in to our account and as you can see our profile picture and also other details are updated just as fine as wine!

---

Now that we have no posts in our account let's post one!

---

Yeppy, we did a great job, we created and published our first post on SCAMPERS VIBE!!

---

Let's create another one, click on image choose a file and type your thoughts and hit post!

---

Great Job You've created another post! Moreover you can view all your posts now in your account.

---

Now go react to others posts, follow people and read the comments under their post.

---

Just don't stop with just one but swipe up and go react to more posts and follow more people

---

Hahhh!!! Now once you are very much contented with what you've done it's time to logout!!

---

Existing Users Post Details

---

User Details of priorly registered user

---

User Details of newly registered user

---

Post Details of the new user

---

Frontend Technologies:

React is used as Framework

React Router for Navigation

Formik + Yup for Form & Form Validation

Redux Toolkit for State Management

Redux with persistent to store in local storage

React drop zone for image uploads

---

Backend Technologies:

Node JS as our runtime

Express JS as our backend framework

Mongoose to manage our mongo DB

JSON web token for authentication

Multer for file upload

---