Introducing ScreenView: The missing social platform for movie/tv show lovers

As an entertainment freak, I can totally see myself using this. Signin was seemlessly easy, didnt need to fill in too much details to get started. I posted 3 reviews and 1 watch post to test it out. Instead of popup, there could be maybe a dynamic element elsewhere on the page? I liked the watch-list feature, options on the post and comment feature. Feels really simple and not as cluttered. Also Netlify te backend add kora jay jantam na. Current project er jonne free hosting khujte khujte obostha kharap. Try kore dekhte hobe.

Ahmed Sadman Muhib4y ago

This is a big project and we rapidly developed it as the Hackathon deadline was approaching, there are a lot of room for improvements. In fact, the project is still in very early stages if we are thinking production-wise. And no, you cannot host backend in Netlify. The React app is hosted there. Backend is hosted in Heroku

General Kenobi4y ago

Working with you has been a great experience for me. I learnt a lot of things during this time period. Special Thanks to HashNode and Auth0 for granting this opportunity.

Ahmed Sadman Muhib4y ago

You did a great job. Hopefully we get to become one of the winning teams!

More from this blog

The essence of writing clean code: Part I

Simple bite-sized explanations with practial examples (Naming, Code Formatting and Functions)

Oct 14, 20237 min read

The essence of writing clean code: Part I

Why you should not use JWT for authentication

JWT (JSON Web Token) is a well-known and simple method of authenticating a user. Almost all tutorials you did on the backend, specially API building tutorials probably told you to use JWT. I also thought once that JWT is the modern and better authent...

Feb 14, 20238 min read

Why you should not use JWT for authentication

Docker: A conceptual overview

In modern DevOps, Docker is considered the most popular set of services for application containerization. In this article, we will NOT be covering a Docker tutorial, because a lot of good tutorials are already available on the internet. Instead, we w...

Sep 3, 20225 min read

Introduction to Microservices architecture with Tinder

Howdy folks? It's been a long time since I wrote an article. Today, I'm restarting with this which will aid beginners to learn what Microservice architecture is, how it works and its pros and cons. After that, we will design a mock Tinder applicatio...

Jan 7, 20228 min read

Introduction to Microservices architecture with Tinder

Muhib's Blog

12 posts

I'm a Software Engineer interested in web, cloud and cross-platform technologies. I love to learn and want to share my knowledge with others.

Do you love to watch movies? Do you love to watch tv and web series? Then, ScreenView is for you. When the Auth0 hackathon was announced, I along with my friend decided to build a platform for what we love most which led to ScreenView. Before getting started with ScreenView, let's talk about Auth0 first.

What is Auth0?

Auth0 is an authentication-as-a-service platform. It makes user authentication extremely simple. You don't have to worry about security or managing user/roles because Auth0 can handle all that for you. This project uses Auth0 as the authentication service provider.

What is ScreenView?

ScreenView is a social platform for movie/tv series lovers where the users can share their activities and stay updated with their friends. In short, we can say it's like Facebook/Twitter but targeted for movie/tv series lovers.

The problem

Traditional social platforms like Facebook/Twitter are not enough to share your media activities. Yes, you can share what you're watching with your friends, but those posts will get lost under a pile of other generalized posts. Features like movie reviews, recommendations and discovery are not available on such platforms although these are essential. It's tough to find people with similar watching interests because those platforms aren't simply built for a specific audience.

The solution

ScreenView. It lets all your dream come true. Everything you need for such a social platform is already there. This is built by movie lovers, for movie lovers. You can do the following:

Discover upcoming, new and trending movies to watch
Follow people with similar interests
Stay up to date with what your friends are watching
Share your opinion in the comments
Create and keep track of your own Watchlist
Share your Watchlist with your friends
Write and share movie reviews with your friends
And a lot more interesting features planned for the future

The building blocks of ScreenView

Type	Name
Language	Javascript/Node.js
Framework (Backend API)	Express
Framework (Frontend)	React
Database	MongoDB
ODM	Mongoose
CSS Framework	Tailwind CSS
Auth Provider	Auth0
Movie API Provider	TMDB

Challenges we faced

This project was definitely technically challenging. There were many challenges that we faced. The most noteworthy one was determining the business logic to show user feeds. I had to find a way to effectively fetch and show user feeds in record time. After much hard work, I completed the job with success and full satisfaction. For those who are interested, you can look into the MongoDB query in the code repo (given at the end of the article).

Quick sneak-peak

There are many features but to keep the article short I'm going to show you the main ones quickly.

In the below GIF, you can see the user posting a review of a movie. Remember, you can also post watch status, where you share what you're watching with your friends.

In the next GIF, you see typical user activities like browsing through feeds, commenting, looking into the movie discovery section and user connections

And in the final GIF, you'll see how easy it is to add items to your watchlist from anywhere. Interested in a movie that your friend is watching, just add it to the Watchlist right from the feed. Or interested in a new movie you discovered, just add it.

Try it out!

We're live: https://screenview.netlify.app

Code repository: https://github.com/ahmedsadman/screenview

Please note, what you see in your feed depends on the people you follow. This is a new site so it might take some time to gain traction. Until then, you can invite your friends to this site to grow your feed.

Hope you liked this work. Please don't forget to share it with your friends and family who loves screen entertainment. Thank you!

Command Palette

Comments (5)