nfty-feed

Beginnings of a Social Network for NFTs.

This project was started off using Ben Awad's YouTube tutorial on JWT and React. The starter code can be found here.

Architecture

The project is deployed to Heroku (backend) and Netlify (frontend) with GQL/Apollo as the intermediary API layer.

Feature Spotlight

• Infinite Scroll
• Invitations

Technologies

• Typescript
• GraphQL (query/mutation layer)
• TypeGraphQL (for integrating GQL and backend in TS)
• PostgreSQL (for storing users)
• TypeORM (interface with PostgreSQL)
• React (frontend)
• Apollo (to make requests in React)
• Express (server)
• Docker

Active Scrum

• fix logout error on reload on mobile
• add url to profile
• page not found
• mobile bottom nav
• react native
• video
• zoom
• remove underline from profile button
• post count on profile
• followers/following modal

Known Technical Debt

• dropzone/cropper components
• register/editprofile resolver logic
• register component

Archive

• infinite scroll

• invitations

• make invisible bug

• dropzone only images

• update cache on like

• fix message for routes that don't exist

• profile menu image instead of text

• design profile page

• implement profile editing

• profile image uploading

• cropping

• edit profile photo

• profile photo modal

• following/unfollowing

• posts

• navbar update

• Setup a GraphQL Server using TypeGraphQL and TypeORM

• Register a user/add them to DB

• Login users and create access and refresh tokens

• Make authenticated (protected) mutations and queries in GQL

• Refresh token if it expires

• Revoke tokens for a user if user logs out, deletes there account, or if their account gets hacked

• Put yarn workspace in a docker image

• Setup Apollo and GraphQL via Code Generator

• Create some routes using react router

• Register and Login form

• Protecting routes/persisting session on refresh

• Handling expired tokens

• Fetching current user in headers, etc...

• Logging out a user

• Add nav bar

Website: https://nftyfeed.com/