YourSpace – Slack/Discord Clone

YourSpace Jumbotron Image

YourSpace

A real-time chat platform inspired by Slack and Discord, built with Laravel and React.

About YourSpace

YourSpace is a real-time communication platform inspired by Slack and Discord. I developed a frontend clone that replicates the intuitive design of modern chat apps, paired with a Laravel-powered backend managing a robust MySQL database.

With features like channel-based conversations, direct messaging, and multimedia support, YourSpace showcases my full-stack development skills in creating scalable and interactive real-time applications.

Project Timeline

I worked on YourSpace from August to December 2023. The project began as a personal initiative to showcase my full-stack development skills, but in January 2024, I received a permanent hire and transitioned to a full-time position. As a result, I abandoned the development of YourSpace, and the project remains in an unfinished state.

Key Features

  • Channel-based conversations for organized group discussions
  • Direct messaging between users
  • Real-time updates using WebSockets
  • Multimedia support: share images and files in chat
  • Modern, intuitive UI inspired by Slack/Discord
  • Robust backend with Laravel and MySQL
  • User authentication and role-based permissions

Technical Approach

The development of YourSpace was driven by a focus on building a real-time, scalable chat platform with modern, interactive UI/UX elements, while ensuring the application is easy to maintain and scalable for future growth.

The project utilizes a full-stack approach, incorporating both front-end and back-end technologies, as well as powerful tools for real-time communication.

Tech Stack

  • Frontend: Next.js, React.js, Redux, TypeScript, MUI, SCSS
  • Backend: PHP, Laravel, Eloquent
  • Database: SQLite for dev, PostgreSQL for prod
  • DevOps: Jest, PHPUnit, GitHub Actions, Google Cloud

GitHub repositories & Online Demo

Below are GitHub repositories.