Decedis / Bitter

A Basic Twitter clone written in Typescript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bitter

Primary technology

  • React
  • Typescript
  • Tailwind
  • SWR + Axios

Purpose

  • This project is primarily for practice and gaining familiarity with technologies.

Planned Features

  • Profiles
    • Follows/Following
  • Search

Feature TODO

  • Login
  • Account creation
  • Create posts
  • Like posts
  • Bookmark posts
  • Bookmark route
  • Delete posts
  • Edit posts
  • Render comments
  • Create comments
  • Edit comments
  • Like comments
  • Profile route
  • Profile view with posts
  • Toast pop-ups for bookmark creation, post creation, and post deletion.

Code TODO

  • Refactor backend hooks into a single provider
  • Update providers and hooks such that they assume a user is present
  • Create CommentFavorites type and database route
  • Refactor shared or similar isHeartActive code between PostCard and CommentCard components.
  • Update user state to set the state as the local storage value instead of wiping it every time the app refreshes. If this is done, then the user value needs to be validated against the database. Username and the Password.
  • Delete parent-less data points on the backend. EX: favorites continue to exist even if the parent post or parent comment no longer exists.
  • Correct UI bugs
    • Form vertical height on patch components
    • Height on text components

Version 2 Feature TODO

  • Repost functionality
  • Redesign
  • Search + search results (store in URL state)
  • Pagination (store in URL state)
  • Image upload + custom user profile pictures
  • Animations
  • Notifications
  • Implement Zod
  • Implement DB
  • Implement Tag system

About

A Basic Twitter clone written in Typescript


Languages

Language:TypeScript 96.0%Language:CSS 2.0%Language:JavaScript 1.3%Language:HTML 0.6%