notebook icon indicating copy to clipboard operation
notebook copied to clipboard

Minimal facebook clone on React JS

The Notebook(Facebook Clone - Minimal)

A minimal facebook clone with firebase plug and play backend and real-time user interactions on ReactJS. This project is bootstraped with Create React App.

Preview

Preview

To see and feel what it's like

1. Fork(If you want to improvise, but don't forget to generate a pull request) and star this repo

2. Clone this repo

$ git clone https://github.com/shubham56/notebook.git

3. Run the following command in your project directory

$ cd notebook

$ npm install

4. Add your firebase app credentials in ./src/FirebaseHelpers/Firebase under the name config variable

5. Enable email auth in firebase and allow read/wirte access as required

6. How to launch

$ npm run start

open http://localhost:3000/ or http://127.0.0.1:3000/ using your web browser

Note: Firebase auth is implemented however email validation is disabled. Also, Images are generated using faker JS

Other Scripts

$ npm run build -> minify the app for production

$ npm run test -> to run the test cases

$ npm run eject -> to eject this project to cli version

Credits

ReactJS

Create React App.

bootstrap

React Router dom

Redux

Redux-Thunk

Firebase

Redux-Logger

FakerJS