crevulus / kijkkat

A PWA that shows user posts of cats they've spotted out in the city. React, TypeScript, Firebase, MUI, Google Maps & Cloud Vision.

TODO: Dev

• Env vars for firebase via github actions
• current location -> store in zustand
• page for capturing photos & post creation
• auth login & redirect
• paginate thumbnails
• like, rate functions
• auto-moderation of content & blurring images
• geohashed queries
• one page container - implement scrolling; don't allow pages to overflow
• try restoring 75bb8dab26892b962f0d405aa7a20a7aa418d849 to see if markers load correctly
• create user doc on sign up
• add user data to account page
• add zustand devtools via redux
• clustering
• create post from file not camera
• figure out how to do geoqueries based on moved map
• merge in nsfw moderation branch
• change map button to textContent
• log out button
• disable load more posts if length of query arrays match
• comment functions and map
• consistent styling (css or sx, preferably not both)
• Add perf/crashlytics
• Share via navigator
• Install button
• Cookie banner
• Self-host Google Fonts
• Static map centering
• Move tags call to App and store in state (EDIT: Still need to do it in create post)
• Refactor map to always use url param coords, not chosenLocation
• Redirect/alert on like if user is not logged in
• Store geocoded address as string so don't need to geocode every time
• Landing page for desktop
• Larger loading screen for home page db call
• Real time location tracking
• Attributions
• Posts filtering
• restructure firebase for subcollections

TODO: Design

• logo
• favicon
• marker icon(s)
• map style
• colour palette
• cookie consent details
• Ads/tags