Skip to content

okay-head/WordWave

Repository files navigation

Wordwave 🌊

custom badge License: MIT Twitter: shash0_0

The highly original 'Twitter clone'. This was supposed to be a take home assignment but here we are.

Site snapshot

Eyebleach

Usage

Signed out 🔓

  • Visit the site and scroll through waves
  • View all users
  • Sign in/ signup

Signed in 🔒

Create a new user account or use the following dummy credentials

username: [email protected]
password: beckyemail

Once signed in

  • Get a personalized feed
  • Create a new wave
  • Follow users (unfollow coming soon)
  • View your profile information
    • See the users you follow
    • See the users that follow you
    • See all waves that you've created
  • Edit your profile
  • Logout
  • Star this repo

Tech stack

  • React - for composable spaghetti code
  • Tailwindcss - for unreadable HTML
  • Typescript - type safety at the cost of headache
  • preline - taiwlind component library that likes to be a lil extra
  • React hook form - form states, performance, errors
  • Zod - schema resolver, form validator
  • Zustand - bearbones state management solution
  • Firebase - Backend for the site

Utilities

Install

This project is built with

pnpm v8.12.0
node v20.7.0
vite: v5.0.8
  1. If you want to install locally, fork and pull this repo, then run
pnpm install
   #or
npm install
  1. Spin up the development server
pnpm dev
  #or
npm dev

Continued development

  • Introduction of more user actions
  • Create wave: turn it into a WYSIWYG editor
  • Enforcing tests
  • Dark theme support

Author

👤 Shashwat Jaiswal

Show your support

Give a ⭐️ if you liked this project!

License

Copyright © 2024 Shashwat Jaiswal.
This project is MIT licensed.

Acknowledgements