SocialFollower

Inspiration

I felt like most social media analysis right now are either all seperate (linkedin, youtube studio, etc.) or they require you to manually input your profile url everytime. I also wanted to test my authentication skills. And so, I felt like this project was the perfect opportunity to dive into the unknown with react, and make my own authentication flow.

What it does

It lets the user login to their social media platforms of choice and lets them see up to date insights on their growth

How I built it

Using React, Vite, Appwrite, Shadcn.

Challenges we ran into

A lot of the challenges came from the decision of going with Vite. Vite is great for single page applications, but less great when it comes to stuff closer to backend. If I had to go back I would've chosen Next.js. Even with this problem, I decided to put my backend code in appwrite functions.

The LinkedIn Authentication so far has been very rough. After 8 hours of building my own authentication flow for linkedin, I finally managed to grab my access token!!

Finally, another thing I wanted to do with this project is host it on my own vps. I learnt how these work in detail, learned how to ssh in and everything that comes with it. My vps of choice was Oracle Cloud due to their "Always free plan". However, they are notoriously good on security. Which might be a positive, but while digging deeper, after over 10 hours of tirelessly trying to set ip up, I still wasn't able to open my http and https ports. I decided to settle for netlify.

Accomplishments that we're proud of

The Linked in authentication flow is something that I am extremely proud of. Being able to get through the countless different errors I faced and the slight lack of documentation, I finally got it working.

What we learned

I learned a lot about authentication, server hosting, react development and so much more to learn ;)

What's next for SocialFollower

I want to incorporate authentication for Instagram, TikTok and Youtube. I also want to make the dashboard a "carousel" that snaps the correct tab into place for a nice UX. Finally, I need to add all the small implmentation of the buttons.

Built With

• appwrite
• react
• shadcn
• vite