waqasraza123/crypto-twitter-frontend

Mini Crypto Exchange & News Source.

JavaScript

Tech Stack

Main - Reactjs v18 & Bootstrap v5
React Query - useQuery
Backend:
Nodejs, Expressjs
Laravel

Authentication

Social Login via github, google
Email/Password Login with API tokens

Crypto

using coinmarketcap rest api
shows latest cryptocurrencies
shows meta info for each currency

Blog Page

Create a post
Shows posts in real time as they are added
create comments
Classic (Bootstrap Pagination)

Tweets Page

can create tweets
shows all tweets sorted by latest
create comments
like/unlike tweets

Live Search

shows the results as user types with useDebounce custom hook
fetch the results from tweets and blog posts

Caching

Using TranStack React Query to cache the data

Extras

React Loader Spinner

Screenshots