A modern web application built with Next.js that provides detailed analytics and insights for TikTok profiles. This tool allows users to analyze TikTok accounts, view follower statistics, and track engagement metrics.
Main dashboard showing key metrics and profile information
- Profile Analysis: View detailed statistics for any public TikTok account
- Follower Insights: Analyze follower demographics and engagement patterns
- Following List: Explore accounts followed by the target user
- Post Analytics: Track performance metrics for individual posts
- Real-time Data: Get up-to-date statistics using the TikTok API
- Modern UI: Clean and responsive interface with smooth animations
- Frontend: Next.js 13+ with App Router
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: React Icons
- API Integration: RapidAPI TikTok API
- Type Safety: TypeScript
- Node.js 16.x or later
- npm or yarn
- RapidAPI Key (for TikTok API access)
- Clone the repository:
git clone https://github.com/yourusername/tiktok-analytics.git
cd tiktok-analytics- Install dependencies:
npm install
# or
yarn install- Create a
.envfile in the root directory and add your RapidAPI key:
RAPIDAPI_KEY=your_api_key_here- Start the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
- Total followers count
- Total likes
- Video count
- Engagement rate calculation
- List of followers with profile details
- Follower growth tracking
- Engagement metrics per follower
- Grid view of followed accounts
- Profile pictures and verification status
- Account statistics and engagement metrics
- Video thumbnails and duration
- Like and view counts
- Music information
- Hashtag tracking
- Engagement metrics per post
The application uses the TikTok API from RapidAPI to fetch:
- User profile data
- Follower information
- Following list
- Post details and statistics
- Responsive grid layouts
- Smooth hover animations
- Loading states
- Error handling
- Modern card designs
- Interactive elements
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- TikTok API provided by RapidAPI
- Icons from React Icons
- Animation library from Framer Motion
- Styling framework from Tailwind CSS
Remember to keep your API keys secure and never commit them directly to the repository. Use environment variables for sensitive information.