xshubhamx / screenrec

A really simple , ad-free & minimal web based screen recorder 📹

📹 ScreenREC

A really simple web screen recorder.

🎯 About

The project is developed with Vanilla JS and HTML.
I've styled & refactored the WebApp using a custom boilerplate built on Parcel V2.

▶️ Demo

Here you can find the live deployed version:

• ScreenREC

✨ Features

✔️ Export type selector (currently MP4/WebM)
✔️ Video preview
✔️ Video download
✔️ Dark/Light mode toggle
✔️ Current OS theme detection
✔️ Ad-free
✔️ Open-Source
❌ Doesn't support Mobile Devices yet.

Installation Guide for Cloud or Linux Users only :

• Using this button open this project on Gitpod.
• Now run npm install in terminal to install the packages .
• Run npm run start to use development mode .
• Run npm run build to build
• Or you can deploy the static site on netlify or vercel or any other platform.
  

Installation Guide for Windows Users or Local Developement :

• Fork this repo
• then in terminal run git clone https://github.com/devgossips/screenREC
• Open the folder in your desired Code Editor (eg: VS CODE)
• Now run npm install in terminal to install the packages .
• Make sure you delete .parcel-cache&dist folder 📂 firstly. Then Run npx parcel src/index.pug to use in development mode.
• Run npm run build to build the final project
• Or you can deploy the static site on netlify or vercel or any other platform.

🙏 If you find this useful :

&

🚀 Technologies

• Parcel
• SASS/SCSS

🧑‍💻 Made with ❤️ by Sagnik Sahoo