An open API service indexing awesome lists of open source software.

https://github.com/mmabiaa/live-streama

This a simple web streaming platform built using html, css and javascript
https://github.com/mmabiaa/live-streama

css html html5 javascript js live mmabiaa streaming streaming-platform streaming-platforms streaming-website web web3js webs website

Last synced: about 2 months ago
JSON representation

This a simple web streaming platform built using html, css and javascript

Awesome Lists containing this project

README

        

# Live-Strema ๐Ÿ“น

Welcome to the Basic Streaming Platform! This project is a simple web application built using HTML, JavaScript, and CSS that allows users to stream content, manage their accounts, and interact with the platform.

## Table of Contents

- [Features](#features)
- [Screenshot](#screenshot)
- [Technologies](#technologies)
- [Demo](#demo)
- [Installation](#installation)
- [Contributing](#contributing)
- [License](#license)

## Features๐Ÿชฝ

- **User Registration**: New users can create an account.
- **User Login**: Existing users can log in to access their accounts.
- **Content Streaming**: Users can stream various media content.
- **Call Functionality**: Users can initiate calls within the platform.
- **About Page**: Learn more about the platform and its features.
- **Responsive Design**: The platform is designed to work on various devices.

## Screenshot
- This is a shots of the various page of this program.
---
**Home Page**
---
![home](https://github.com/Mmabiaa/Live-Streama/blob/main/screenshots/home.jpg)

**Login Page**
---
![login](https://github.com/Mmabiaa/Live-Streama/blob/main/screenshots/login.jpg)

**Register Page**
---
![register](https://github.com/Mmabiaa/Live-Streama/blob/main/screenshots/register.jpg)

**Meeting Page**
---
![meeting](https://github.com/Mmabiaa/Live-Streama/blob/main/screenshots/meeting.jpg)

**Live Page**
---
![live](https://github.com/Mmabiaa/Live-Streama/blob/main/screenshots/live.jpg)

**Contact Page**
---
![contact](https://github.com/Mmabiaa/Live-Streama/blob/main/screenshots/register.jpg)

**About Page**
---
![about](https://github.com/Mmabiaa/Live-Streama/blob/main/screenshots/about.jpg)

## Technologies ๐Ÿ’ป

The platform uses the following technologies:

- **HTML5**: Provides the structure for the web pages and the frontend layout.
- **CSS3**: Adds styles to the pages for a sleek and modern interface.
- **JavaScript**: Handles interactive elements, dynamic content, and backend logic.
- **Node.js (Future)**: To improve backend functionality (if used for further enhancements).
- **WebRTC**: For real-time audio/video communication during calls and meetings.
- **Firebase (Future)**: Potentially used for user authentication and real-time database features.

## Demo ๐ŸŽฌ

Check out the live demo of the platform [here](https://live-streama.vercel.app).

## Installation ๐Ÿ› ๏ธ

To run the project locally, follow these steps:

1. **Clone the repository**:
```bash
git clone https://github.com/mmabiaa/live-streama.git
cd live-streama
```

## Contributing ๐Ÿค

We welcome contributions from the community! If you'd like to contribute to the platform, follow these steps:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature-name`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add feature'`).
5. Push your branch (`git push origin feature-name`).
6. Create a pull request.

[Contribution](CONTRIBUTION.md)
Make sure to follow the coding standards and write clean, maintainable code.

## License ๐Ÿ“œ

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---

### Enhancements for Future Development ๐Ÿš€

1. **Video Streaming**: Implement a video-on-demand (VOD) system.
2. **User Profiles**: Add profile pictures, user bios, and content recommendations.
3. **Real-Time Chat**: Add chat functionality for users during live meetings or streams.
4. **Live Comments & Reactions**: Allow viewers to comment and react in real-time during live streams.
5. **Advanced Search**: Enable users to search for content more efficiently by category, genre, or keyword.