Chrome Extension Plugin for Screen Recording and Sharing

Main Objective:

Create a Chrome Extension plugin that can record a user's screen and send the recorded content to a specific online location (endpoint). The design specifications can be found here:

Requirements

• Implement the design exactly as provided. Ensure that all pages match the design precisely.
• The plugin must work seamlessly on desktop.
• Create a mechanism to record the user's screen.
• Develop a feature to submit the recorded content to a specific endpoint.
• Make it user-friendly and easy to use.

Acceptance Criteria

• The plugin accurately captures and records the user's screen as per the design specifications.
• All pages in the design provided in Figma are implemented pixel-perfectly within the plugin.
• The plugin functions flawlessly on both desktop and mobile devices, with no significant visual or usability issues.
• Users can initiate and stop screen recording with clear controls.
• Recorded screen content is properly compressed and submitted to the specified endpoint.
• The submission process is error-free, and users receive confirmation upon successful submission.
• Any potential issues or errors are gracefully handled, and users receive appropriate feedback.

Installation

1. Clone the repository: git clone https://github.com/oghene-ella/Screen_Recording_App
2. Navigate to the project directory: cd Screen_Recording_App
3. Install the required dependencies: npm install

Usage

1. Start the server: npm run dev

Extension Usage

1. Click on the helpMeout Button
2. download the dist folder
3. Go to your extension tab on any browser, Click manage extension
4. Click load unpack, select the dist folder you just downloaded.
5. You will see it on your list of extension, Enjoy! 🙂

Contact

For any inquiries or feedback, please reach out to [email protected]