https://github.com/kewinzaq1/winsze
Winsze social app create with React and Firebase (CRUD)
https://github.com/kewinzaq1/winsze
firebase pwa react reactjs
Last synced: 2 months ago
JSON representation
Winsze social app create with React and Firebase (CRUD)
- Host: GitHub
- URL: https://github.com/kewinzaq1/winsze
- Owner: kewinzaq1
- Created: 2022-03-30T15:18:11.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-06-17T18:47:08.000Z (about 4 years ago)
- Last Synced: 2024-05-29T19:06:46.704Z (about 2 years ago)
- Topics: firebase, pwa, react, reactjs
- Language: TypeScript
- Homepage: https://winsze.web.app/
- Size: 4.32 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
winsze
winsze - social app
## Project Overview 🎉
Winsze social app, is a progressive web app built using ReactTS and Firebase
(CRUD).
## Tech/framework used 🔧
| Tech | Description |
|------------------|-----------------------|
| React | Main JS Library |
| Firebase | Serverless backend |
| Jest | Unit Tests |
| Cypress | E2E Tests |
| React Router Dom | Routing |
| Emotion | Styling (css in js) |
| Material UI | Styling (components) |
| React Hot Toast | Notifications |
| React Moment | Improved date display |
## Screenshots 📺
## Firebase 🔥
### Posts firestore
| Name | Type | Description |
|---------------|--------|------------------------------------|
| id | string | uuidv4 generated when posting |
| authorId | string | uid from Firebase Auth |
| date | string | date in iso generated when posting |
| author | string | displayName from Firebase Auth |
| avatar | string | photoURL from Firebase Auth |
| description | string | content entered by user |
| photo | string | content selected by user |
| likes | number | like counter |
| usersWhoLiked | array | array containing users id |
### Users firestore
| Name | Type | Description |
|--------------|--------|---------------------------------------------------------------|
| avatar | string | photoURL from Firebase Auth |
| id | string | uid from Firebase Auth |
| nickname | string | displayName from Firebase Auth |
| registerDate | string | and if it doesn't exist then the email address cut off at '@' |
### Storage
| Name | Type | Description |
|-----------------|------|-------------------------------------------|
| PhotosPosts | img | Images for posts, saved using the post id |
| ProfilePictures | img | Images for posts, saved using the user id |
## Installation 💾
## Available scripts
| Command | Description |
|-----------------|------------------------|
| `npm run start` | Open local server |
| `npm run build` | Create optimized build |
| `npm run test` | Run jest tests |
| `npm run cy` | Run cypress test |
## Live 📍
https://winsze.web.app/
## License 🔱
GPL 3.0