Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rishabhraikwar98/scribble

A simple social media platfrom made using MERN Stack
https://github.com/rishabhraikwar98/scribble

mern mern-project mern-stack react react-components tailwindcss vercel

Last synced: about 1 month ago
JSON representation

A simple social media platfrom made using MERN Stack

Awesome Lists containing this project

README

        

![Logo](https://res.cloudinary.com/dbdqc0uzq/image/upload/v1710939709/gf7bujek3hiaqxcxuft3.jpg)

# Scribble
A social platform built using the MERN stack. It allows users to sign up, create and manage profiles, search for other users, follow or unfollow them, and create posts. Users can also like and comment on posts, fostering interaction within the platform. The project integrates authentication and real-time content updates to provide a seamless user experience.

## Demo
Live Link: https://scribble-omega.vercel.app

Server: https://github.com/rishabhraikwar98/Scribble-API

## Screenshots

![App Screenshot](https://res.cloudinary.com/dbdqc0uzq/image/upload/v1710939285/Screenshots/k0vvqmaqmz8nxdk6uiyx.jpg)

![App Screenshot](https://res.cloudinary.com/dbdqc0uzq/image/upload/v1710939848/Screenshots/adltmfosbytfrryft2oc.jpg)

![App Screenshot](https://res.cloudinary.com/dbdqc0uzq/image/upload/v1710940366/Screenshots/vdbfop0ijrovah2gyi71.jpg)

![App Screenshot](https://res.cloudinary.com/dbdqc0uzq/image/upload/v1710940368/Screenshots/laduk1kiekiigph0811k.jpg)

## Features

- User authentication and authorization (JWT)
- User profile creation and management
- Post creation and management
- Commenting on posts
- Liking posts and comments
- Following/unfollowing users
- likes,Comments stats on posts.

## Technologies used

- [React](https://es.reactjs.org/) - Front-End JavaScript library.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework.
- [React hot toast](https://react-hot-toast.com/) - Toast notifications for React.
- [axios](https://axios-http.com/) - Toast notifications for React.
- [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Loading Skeleton for React
- [Framer-Motion](https://www.framer.com/motion/) - Animation library for React

---

## Run Locally

Clone the project

```bash
git clone https://github.com/rishabhraikwar98/scribble
```

Go to the project directory

```bash
cd scribble
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run start
```