Skip to content

README.md

Latest commit

 

History

History
68 lines (44 loc) · 2.29 KB

README.md

File metadata and controls

68 lines (44 loc) · 2.29 KB

Follrange Analyzer

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.

Features

  • 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.

Tools and Technologies

Client-Side Libraries

  • 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.

Access the live project

The live project can be accessed at https://follrange.vercel.app

Getting Started

  1. Clone the repository:

    git clone https://github.com/afsify/follrange-analyzer.git

  2. 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

  3. Install client side dependencies:

    npm install

  4. Start the client-side application:

    npm start

    The client-side application will be running on http://localhost:3000

Usage

  1. Upload JSON File: Click on the file input and select your JSON file containing Instagram follower/following data.

  2. 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.

Contributing

Contributions are welcome! Feel free to open issues and pull requests.