Stranger

Stranger allows you connect with random people around the world.

Connect with either video or text chat and make new friends.

Try Strangers now

A Demo of the app

Technology Stack used

• Phoenix Live View for rich, real-time user experiences
• MongoDB as database
• Vonage Video for interactive live video calls
• Bootstrap for styling

Some Interesting stuff that I have tried in this project

• Create a Phoenix LiveView only app for rich realtime user experience without the need for any page refreshes.
• Some interesting live view features include..
  • Multi Step forms
  • Server side form validations and LiveView uploads
  • Infinite scrolling pages
  • Live Components and LiveView hooks
• Other interesting stuff include...
  • Use phoenix PubSub for matching users, active user tracking and text chat
  • Use ecto embedded schemas along with MongoDB to utilize chagesets for powerfull form validations
  • Genservers for user tracking and chat room tracking
  • Some meta programming to achieve DRY code
  • Use Vonage Video apis to setup realtime video chat capabilities

Setup and run locally

• Make sure you have elixir and npm installed
• Clone this project
• Install and run mongoDb either locally or elsewhere
• Create a new secret config file config/dev.decret.exs using the sample file provided config/env.secrets.exs.sample
• Prepare assets: Install node packages cd assets && npm install
• Run the server from project root mix phx.server and visit http://localhost:4000/
• Enjoy!