Coder Social home page Coder Social logo

infollow's Introduction

Infollow

Caution

This project utilizes unofficial Instagram APIs, the use of which is prohibited by the company itself. I strongly discourage their use and take no responsibility for any consequences that may arise from the project's utilization.

If there's one thing I love to do, it's playing around and experimenting with APIs of popular services. In this case, I had a great time playing around with the (not exactly official ๐Ÿ˜…) Instagram APIs.

Infollow is an application coded in Angular and Express. Once you log in with your Instagram account through the APIs exposed by the instagram-private-api library, it lets you retrieve a list of users you follow but who don't reciprocate, like Britney Spears... (I've always hoped she'd follow back, argh ๐Ÿ˜ค).

Born out of sheer curiosity, the project employs Angular for the frontend and the Tailwind CSS library for styling, where I had a great time trying out new things, such as the light or dark mode based on the system settings you've configured on your device ๐Ÿ˜.

The backend, powered by Express.js, relies on the instagram-private-api library to interact with Instagram's services. It's a playful exploration turned into a functional project, combining Angular, Tailwind CSS, and Express.js to bring a bit of fun to the world of Instagram interactions.

Installation

Note

The application is divided into two separate modules. The main folder will contain the frontend, while the backend can be found under the "backend" folder at the root of the project. Due to this dual structure, all commands, including installation and startup, must be executed twice: once for the frontend and once for the backend.

Backend

Inside the backend folder, run npm i and then npm run start for starting the backend, otherwise, run npm run mock-server if you want to launch the backend with mocked APIs.

Frontend

Run npm i and then npm run start at the root of the project. Once the server is started, the application will be accessible at the URL: http://localhost:4200/.

Preview

Light mode preview

Light mode

Dark mode preview

Dark mode

Authors

infollow's People

Contributors

miitchpls avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.