Welcome to the Instagram Follower/Following List Comparer and Analyzer! This project allows you to compare and analyze follower and following lists from Instagram using JSON data, all on the client-side with React. Easily upload your JSON data, and get insights with sorting, searching, unfollowers, and displaying profiles.
- File Upload: Upload JSON files containing Instagram follower/following data.
- Profile Display: Display profiles with links to their Instagram accounts.
- Sorting: Sort profiles by name or date.
- Search: Search profiles by username.
- Counts and Statistics: Display counts and other statistics.
- Responsive Design: The platform is designed to provide a seamless experience across various devices.
- Modular Architecture: Embrace a modular architecture that enhances flexibility and scalability for future development.
- React.js: A JavaScript library for building user interfaces.
- Redux.js: A predictable state container for JavaScript apps.
- TailwindCSS: A utility-first CSS framework for rapidly building custom designs.
- Ant Design: A design system for enterprise-level products.
The live project can be accessed at https://follrange.vercel.app
-
Clone the repository:
git clone https://github.com/afsify/follrange-analyzer.git
-
Navigate to the client directory:
Open a terminal in Visual Studio Code and split it into two terminals. In the first terminal, navigate to the client directory:
cd client -
Install client side dependencies:
npm install
-
Start the client-side application:
npm start
The client-side application will be running on http://localhost:3000
-
Upload JSON File: Click on the file input and select your JSON file containing Instagram follower/following data.
-
View and Analyze Data: The profiles will be displayed in a table with options to sort by name or date, list unfollowers and search by username.
Contributions are welcome! Feel free to open issues and pull requests.