https://github.com/th3wall/fakebook
This is a Facebook-clone project created with the purpose of learning the fundamentals of React.js starting from a simple Create React App.
https://github.com/th3wall/fakebook
firebase react
Last synced: about 1 year ago
JSON representation
This is a Facebook-clone project created with the purpose of learning the fundamentals of React.js starting from a simple Create React App.
- Host: GitHub
- URL: https://github.com/th3wall/fakebook
- Owner: Th3Wall
- Created: 2020-09-04T22:31:15.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-08-03T21:53:10.000Z (almost 5 years ago)
- Last Synced: 2025-03-31T13:28:17.675Z (about 1 year ago)
- Topics: firebase, react
- Language: JavaScript
- Homepage: https://fakebook-8b087.web.app/
- Size: 525 KB
- Stars: 10
- Watchers: 3
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fakebook
> This is a Facebook-clone project created with the purpose of learning the fundamentals of React.js starting from a simple Create React App.
## 🎯 About ##
I've started this project with the idea of practice the fundamentals of React.js starting from a really simple [Create React App](https://github.com/facebook/create-react-app).
I have re-built the brand new Facebook web interface structuring the project in small React components.
The build has a built-in Google Authentication, so you require a Google account in order to be able to sign in and see the complete dashboard.
## ▶️ Demo ##
Here's the [demo link](https://fakebook-8b087.web.app/).
## :sparkles: Features ##
:heavy_check_mark: Google Authentication
:heavy_check_mark: Cloud Firestore DB (Google Firebase)
:heavy_check_mark: Show Facebook cloned web-dashboard
:heavy_check_mark: Responsive site
## :rocket: Technologies ##
- [React](https://reactjs.org/)
- [React Context API](https://reactjs.org/docs/context.html)
- [Material UI](https://material-ui.com/)
- [Firebase Tools](https://firebase.google.com/)
- [Sass](https://sass-lang.com/)
## :white_check_mark: Requirements ##
Before starting :checkered_flag:, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.