Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nilanth/twiter-stats
TwiterStats is a Twitter Followers Tracker build with Next.js, TailwindCSS, NextAuth, SWR
https://github.com/nilanth/twiter-stats
dark-mode netlify next-themes nextauth nextjs react react-hooks swr tailwindcss twitter-api vercel
Last synced: 3 months ago
JSON representation
TwiterStats is a Twitter Followers Tracker build with Next.js, TailwindCSS, NextAuth, SWR
- Host: GitHub
- URL: https://github.com/nilanth/twiter-stats
- Owner: Nilanth
- License: mit
- Created: 2021-12-12T14:46:07.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-26T15:24:14.000Z (almost 2 years ago)
- Last Synced: 2024-10-12T11:35:36.786Z (4 months ago)
- Topics: dark-mode, netlify, next-themes, nextauth, nextjs, react, react-hooks, swr, tailwindcss, twitter-api, vercel
- Language: JavaScript
- Homepage: https://twiter-stats.vercel.app
- Size: 1.48 MB
- Stars: 16
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: FUNDING.yml
- License: LICENSE.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
TwiterStats✨️
View Demo
·
Report Bug
·
Request Feature
## TwiterStats
TwiterStats is a Twitter Followers Tracker with some cool features.
## Demo
Try the App: [TwiterStats](https://twiter-stats.vercel.app)
## 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
```bash
git clone https://github.com/Nilanth/twiter-stats.git
```
2. Change the working directory
```bash
cd twiter-stats
```
3. Install dependencies
```bash
yarn install
```
4. Create `.env` file in root and add your variables
```bash
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](https://developer.twitter.com/en/docs/twitter-api/getting-started/getting-access-to-the-twitter-api).
5. Run the app
```bash
yarn run dev
```
You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.
## Built with
- [Next JS](https://nextjs.org/)
- [NextAuth](https://next-auth.js.org): Authentication for Next.js
- [Tailwind](https://tailwindcss.com/): for UI
- [SWR](https://swr.vercel.app/): React Hooks for Data Fetching
- [html-to-image](https://github.com/bubkoo/html-to-image): Generates an image from a DOM node using HTML5 canvas and SVG
- [heroicons/react](https://heroicons.com/): for icons
- [twitter-lite](https://github.com/draftbit/twitter-lite): A server library for the Twitter API
- [next-themes](https://github.com/pacocoursey/next-themes): Dark Mode Support
- [vanilla-tilt](https://micku7zu.github.io/vanilla-tilt.js/): 3D tilt
- [Vercel](http://vercel.com/): for hosting
## Contributing
Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.
## Security Vulnerabilities
Please review [our security policy](../../security/policy) on how to report security vulnerabilities.
## Credits
- [Nilanth](https://github.com/nilanth)
- [All Contributors](../../contributors)
## License
The MIT License (MIT). Please see [License File](LICENSE.md) 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.
