https://github.com/amdzy/socialbook
A social media web app built using React.
https://github.com/amdzy/socialbook
Last synced: 3 months ago
JSON representation
A social media web app built using React.
- Host: GitHub
- URL: https://github.com/amdzy/socialbook
- Owner: amdzy
- License: mit
- Created: 2021-10-25T05:48:19.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-16T16:40:52.000Z (over 2 years ago)
- Last Synced: 2025-01-22T02:28:28.037Z (5 months ago)
- Language: TypeScript
- Homepage:
- Size: 1.64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Socialbook
Socialbook is a social media web app built using [React](https://reactjs.org), Written in [TS](https://www.typescriptlang.org/).
[Backend Repo](https://github.com/Soul-Remix/socialbook-api)
[Live Page](https://social-book-app.netlify.app/home)
🖼 Images
Login Page
Main Page
Profile Page
Chat Page
## Features
- Create Account, Update Account and delete Account
- Ability to add and remove friends
- A full fledged Live Private Chat
- Create posts, Update posts and delete posts
- Fully responsive Design
- Mobile first Design
TODO: Live notification
## Run your own
```
git clone https://github.com/Soul-Remix/socialbook.git
cd socialbook
npm install
```
create .env file in the root directory and add the following:
```
REACT_APP_URI=
```
create a folder called firebase in src and create firebase.ts and add your own credintals for your firebase storage
finally:
```
npm run start
```
## Frameworks and tools
- [React](https://reactjs.org)
- [Material-UI](https://mui.com/)
- [React Query](https://react-query.tanstack.com/)
- [Zustnad](https://www.npmjs.com/package/zustand) For state management
- [Formik](https://www.npmjs.com/package/formik) and [Yup](https://www.npmjs.com/package/yup) For forms and validation
- [Socket-io](https://socket.io) For live chat
- [Firebase](https://firebase.google.com/) For image storage
## License
[MIT](https://choosealicense.com/licenses/mit/)