Nilanth / twiter-stats

TwiterStats is a Twitter Followers Tracker build with Next.js, TailwindCSS, NextAuth, SWR

TwiterStats✨️

View Demo · Report Bug · Request Feature

TwiterStats

TwiterStats is a Twitter Followers Tracker with some cool features.

Demo

Try the App: TwiterStats

Features

• Real time followers count
• Export the profile card as image
• Dark Mode Support
• Much more coming soon

Quick Start

Installation Steps

1. Clone the repository

git clone https://github.com/Nilanth/twiter-stats.git

2. Change the working directory

cd twiter-stats

3. Install dependencies

yarn install

4. Create .env file in root and add your variables

TWITTER_ID=
TWITTER_SECRET=
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=
NEXT_PUBLIC_ANALYTICS_ID=

Get TWITTER_ID and TWITTER_SECRET from the Twitter Developer Platform with a few simple steps using this link.

5. Run the app

yarn run dev

You are all set! Open localhost:3000 to see the app.

Built with

• Next JS
• NextAuth: Authentication for Next.js
• Tailwind: for UI
• SWR: React Hooks for Data Fetching
• html-to-image: Generates an image from a DOM node using HTML5 canvas and SVG
• heroicons/react: for icons
• twitter-lite: A server library for the Twitter API
• next-themes: Dark Mode Support
• vanilla-tilt: 3D tilt
• Vercel: for hosting

Contributing

Please see CONTRIBUTING for details.

Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

Credits

• Nilanth
• All Contributors

License

The MIT License (MIT). Please see License File for more information.

Deploy

Support

TwiterStats needs a ⭐️ from you. Don't forget to leave a star ⭐️

If you found TwiterStats helpful, consider supporting me with a coffee.