Secreto 🤫

Secreto is a web application developed during leisure time to explore and comprehend various concepts. It utilizes technologies like jQuery, Bootstrap, HTML, CSS, and PeerJS to facilitate video/audio calls and chatting functionalities, resembling those found in social applications.

Demo 🚀🤖

Chat with Friends

Video Call

Purpose

The primary aim of this project is to serve as a learning resource and starting point for individuals seeking to delve into web development. Often, students tend to showcase traditional projects like library management with basic CRUD operations or product galleries in the guise of e-commerce websites. Secreto aims to break this trend by offering a simple yet feature-rich platform that allows for exploration and skill enhancement.

Features

• Peer-to-Peer Connectivity: Utilizes PeerJS to generate unique secret codes for establishing connections between users.
• Code Sharing: Users can share their secret codes with desired participants to initiate connections.
• Connection Establishment: Participants can enter shared codes to connect with each other seamlessly.
• Chat Functionality: Enables users to engage in text-based communication once connected.
• Video/Audio Calls: Facilitates real-time video/audio calls between connected participants.

Contribution Opportunities

• UI Enhancement: Design and implement a visually appealing user interface to enhance user experience.

  Play with multiple designs:

  

• Screen Sharing Feature: Explore and integrate screen sharing capabilities into the application.

• File Sharing: Extend the chat functionality to include file, image, or GIF sharing.

• Spotlight Feature: Implement a feature to highlight a single user's video for all participants.

• TURN Server Implementation: Research and incorporate TURN server functionality for improved connectivity.

• Additional Features: Introduce unique features and functionalities to further enrich the user experience.

• Collaborative Efforts: Collaborate with a team to provide UML diagrams, design wireframes, and other assets for project planning and development.

• Design Themes

• Quality Assurance: Contribute as a tester by writing automation scripts, performing testing, and ensuring the application's robustness and reliability.

• Continuous Deployment: Explore deployment options using pipelines or GitHub Actions to automate the deployment process and ensure smooth updates and releases.

• Accessibility Enhancement: Work on improving accessibility features to ensure the application is usable by individuals with disabilities.

• Localization: Implement localization features to make the application accessible to users in different regions and languages.

Getting Started

• Obtain Secret Code: Use PeerJS to generate a unique secret code for your session.
• Share Code: Share the generated secret code with desired participants to establish connections.
• Connect: Enter the shared secret code to connect with other participants.
• Engage: Once connected, enjoy seamless chatting and video/audio calling functionalities.

🚀 Let's Dive In!

Secreto offers an exciting opportunity to explore various web development concepts and technologies. Whether you're passionate about UI design, interested in implementing new features, or eager to enhance your skills, this project provides a solid foundation for your journey. 🌟

Note:

Embrace the opportunity to build, learn, and innovate. Let's invest our time in creating something truly valuable, not just for today, but for the opportunities it unlocks tomorrow. Seize the chance to shape your future, outshine the competition, and pave the way to success :)

• Maintain credits