Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emanuelefavero/facebook-mern
A Facebook clone built with the MERN stack.
https://github.com/emanuelefavero/facebook-mern
context context-api express facebook facebook-clone javascript mern mern-stack mongodb mongoose nodejs react typescript
Last synced: about 1 month ago
JSON representation
A Facebook clone built with the MERN stack.
- Host: GitHub
- URL: https://github.com/emanuelefavero/facebook-mern
- Owner: emanuelefavero
- License: mit
- Created: 2022-11-16T06:52:11.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-05T03:28:58.000Z (10 months ago)
- Last Synced: 2024-03-05T04:32:12.392Z (10 months ago)
- Topics: context, context-api, express, facebook, facebook-clone, javascript, mern, mern-stack, mongodb, mongoose, nodejs, react, typescript
- Language: TypeScript
- Homepage: https://facebook-mern.onrender.com/
- Size: 709 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Facebook MERN
A Facebook clone built with the MERN stack.
## Live Demo (Render)
- PLEASE NOTE: The app is hosted on a free tier, so it may take up to **30 seconds to load**
> **TEST USER:** username: `john`, password: `1234`
[https://facebook-mern.onrender.com/](https://facebook-mern.onrender.com/)
#### Screenshots
_NOTE: Some test users are:_
### 1. john
```credentials
username: john
password: 1234
```
### 2. kate
```credentials
username: kate
password: 1234
```
## Test the app locally on your machine
- Clone the repo and `cd` into the project directory
- Add a _.env_ file in the root directory with the following variables:
```dotenv
MONGO_URI='YOUR_MONGODB_URI'
SECRET='ANY_SECRET_KEY'
PORT=4000
NODE_ENV='development'
```
- RUN SERVER:
```bash
npm install
npm start
```
- RUN CLIENT (open a new terminal window):
```bash
cd client
npm install
npm start
```
- Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
NOTE: The server will also serve the build folder on [http://localhost:4000](http://localhost:4000) if you set the `NODE_ENV` variable to `production`.
## Useful links
- [What is the MERN stack](https://www.mongodb.com/mern-stack)
## License
- [MIT](LICENSE.md)