We have started this project with the purpose to participate to the Microsoft Azure Hackathon on dev.to. Our project's goal is to add special features to an existing list of movies. Imagine yourself at night, thinking about what movie to watch and no title comes to your mind. Well, that's exactly when Moodflix can help you in identifying the perfect movie for your night, based on your actual mood. And after selecting your movie, Moodflix shows you all the movie's reviews with their own mood icon. You can also get a global view at a glance to understand whether people have enjoyed it or not. Go try it and please let us know if you enjoyed it with a ⭐️ - we would really appreciate it.
Here you can find the demo link:
✔️ Capture your face photo directly from your webcam/phone
✔️ Analyze and display your top emotion from the photo
✔️ Find objects and special objects on your face (beard, glasses, hat, ect.) and display them in our avatar selections
✔️ Display a list of movies based on your mood
✔️ Analyze and display the emotion from the reviews and display an avatar next to each description
✔️ Keywords extraction from the overview of the movies
Frontend (Th3Wall)
- TMDb API's
- React
- React Hooks
- React Context API
- React Router
- React Webcam
- SCSS
- Framer Motion
- React Icons
- Axios
Backend (Kasuken)
To deploy the solution, we use two different GitHub Actions: one for the backend and the other one for the frontend.
Loading page
Landing Page with Webcam
Results
Movie Details
- Clone the project
git clone https://github.com/kasuken/Moodflix- Go to the project directory
cd Frontend- Install dependencies
npm install- Start the server
npm start- Clone the project
git clone https://github.com/kasuken/MoodflixGo the directory Backend and open the solution with Visual Studio 2022 Press F5 to start the debug session.
Before starting 🧑💻, you need to have Git, Node and .NET 6 installed.
