A really simple web screen recorder.

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

Here you can find the live deployed version:

• ScreenREC

✔️ 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.

1. Using this button open this project on Gitpod.

Skip this if you are running on Linux

2. Then in terminal clone the repository.

git clone https://github.com/heysagnik/screenREC

3. Install the required npm packages using the following command.

npm install

4. Run the following command to use development mode .

npm start

5. Build the final project.

npm run build

6. Or you can deploy the static site on netlify or vercel or any other platform.
   

1. Fork this repo

2. Then in terminal clone the repository.

git clone https://github.com/heysagnik/screenREC

3. Open the folder in your desired Code Editor (eg: VS CODE)
4. Install the required npm packages

npm install

5. Make sure you delete .parcel-cache & dist folder 📂 firstly.
6. To run the project and use in development mode.

px parcel src/index.pug

7. Build the final project.

npm run build

8. Or you can deploy the static site on netlify or vercel or any other platform.

   

&

• Pug
• Parcel
• SASS/SCSS