PROJECT: NEWSFEED

• React-Native / Apollo-Client
• Node / Apollo-Server
• Figma

To do - client:

• NewsFeed Header
• NewsFeed posts
• Posts Menu Overlay
• Comment Menu Overlay
• Comment Modal
• Comment / Post Edit Page
• Query, Mutation and Subscription Posts/Comments
• Profile Page - Timeline - Facebook style
• Log in Page
• authentication - OTP
• settings page for log in button, dark mode button
• authorization for CRUD of posts/comments/users
• search feature (posts/comments/users)
• Splash Screen look into xcode or android studio
• Loading Shimmering State npm i react-native-shimmer-placeholder
• Empty / Error State look for images
• Connectivity Offline State npm install --save @react-native-community/netinfo
• React-Native-Testing / Jest npm i --save-dev @testing-library/jest-dom @testing-library/react jest
• folder structure - State Colocation
• global styling - Stylesheet or Extended Stylesheet
• infinite scroll
• dark mode - useContext

To do - server:

• Query, Mutation and Subscription Posts/Comments/Users
• Remove post published and title
• Remove unnecessary properties for user table
• Add photo_url for users default photo
• Add created / updated at dates for posts/comments/users
• Make use of pagination and sorting in graphql
• Authorization for CRUD of posts/comments/users
• Make use of MongoDB or PostgresQL then remove mock data
• Deploy server in Heroku
• Authentication OTP - using Promotexter and Firebase - Serverless or do it the GraphQL way

To do - design:

• Design Newsfeed Header
• Design Newsfeed Posts
• Design Comments Modal
• Design Menu Overlay for posts / comments
• Design Edit comment/post modal
• Design Empty States
• Design Search
• Design Profile Page
• Design settings page
• Design Log in Page
• Switch to Adobe Xd instead of Figma