Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/benjoquilario/insider
⛔️ [DEPRECATED] - MERN based social media web app made with the help of tailwindCSS
https://github.com/benjoquilario/insider
expressjs mern-stack mongodb mongoose nodejs reactjs tailwindcss
Last synced: 3 months ago
JSON representation
⛔️ [DEPRECATED] - MERN based social media web app made with the help of tailwindCSS
- Host: GitHub
- URL: https://github.com/benjoquilario/insider
- Owner: benjoquilario
- Created: 2022-06-19T09:01:13.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-01-23T15:32:56.000Z (almost 2 years ago)
- Last Synced: 2024-10-17T06:54:26.789Z (3 months ago)
- Topics: expressjs, mern-stack, mongodb, mongoose, nodejs, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 893 KB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This project is not longer maintained we are moving it to nextjs, you can still login with your account though - [Next Insider](https://github.com/benjoquilario/next-insider)
View Demo
·
Report Bug
·
Request Feature
### Introducing Insider
A Fullstack **social media application** built with **_React JS_**, **_Redux_** and **_tailwindCSS_** as a frontend and **_Node Js_**, **_Express_** and **_Mongo DB_** as a backend.
## Screenshots
Try the App: [Insider](https://insider.vercel.app/)
### Features
This web app consists of a basic features/functionalities of a social media
- Login and Register
- Post CRUD functionalities
- Comment CRUD Functionalities
- Profile Customization
- Followers/Following features
- Seach Feature
- Fully Responsive
### Coming Features
- Private Messaging features
- User can only see following users posts.
- Change name functionalities
- Notification
- Dark more
- Setting page
- Reply to comments
- … and many more
## 🛠️ Installation Steps
1. Clone the repository
```bash
git clone https://github.com/benjoquilario/insider.git
```
2. Change the working directory
```bash
cd insider
```
3. Install dependencies
```bash
npm install or yarn install
```
4. Create `.env` file in root and add your variables
```bash
MONGO_URI= YOUR_MONDO_ATLAS_DATABASE_URL
SECRET_JWT= YOUR_JWT_SECRET
```
5. Run the server
```bash
npm run start or yarn start
```
6. Run the client
```bash
npm run client or yarn client
```
You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.
### Technologies used
- ReactJs
- Redux
- TailwindCSS
- NodeJs
- Express
- MongoDB
- Mongoose
- Json Web Token(JWT)
- Vercel
- Heroku
## Contribution
Your ideas, translations, design changes, code cleaning, real heavy code changes, or any help are always welcome. The more is the contribution, the better it gets.
[Pull requests](https://github.com/benjoquilario/insider/pulls) will be reviewed
## Author
### Benjo Quilario
- Twitter: [@iambenjo](https://twitter.com/iam_benjo)
- Github: [@benjoquilario](https://github.com/benjoquilario)
- Portfolio: [@benjoquilario](https://benjoquilario.me)
Insider needs a ⭐️ from you