After user selects a screen, "start recording" button should be enabled while all the other buttons are disabled.

Important: User should successfully select a screen to do this. If user clicks on "select screen" button but doesn't select a screen, nothing will have to be changed.

Only video of the screen record is getting captured. Audio should be included as well.

This task is beginner friendly one. If anyone who has knowledge on HTML and CSS can contribute to this. Just add a CSS file and make attractive the home window's user interface.

This is really important. Because any one can contribute to this and I would merge all the PRs which have good UI enhancements.

When the home window is opened "Select screen" button should be enabled while all the other buttons are disabled.

when user records the screen, there should be a notification popup which says "recording the screen" and the notification can be minimized or hide.

In main.js file, Menu.BuildFromTemplate (26th line) generates a popup to select the screen that the user wants to record. But when the application opens, that popup comes from nowhere. Instead, having a 'select screen' button would be ideal to show that popup.

When going to save the screen recording, the files with custom names are not getting saved properly. They are not playing after saving. Only the videos, saved with the default name which is provided by the app are playing properly.

The user should be able to save and play the saved video properly, although the default name is changed when the recording is getting saved (within the save dialog box.)

If user clicks on the "save recording" button, "select screen" button should be enabled and "save recording" button should still be enabled while all the other buttons are disabled.

Currently the application only records and saves the screens. But there is no way to pause recording and resume it after sometime. Need a workable pause button. In the same manner, need a 'resume recording' button as well.

Align the folder structure of the app with a proper architecture.
I would recommend below one. But feel free to follow your own architecture which is suitable to this app.

screen-recording-app/
|-- node_modules/ # Dependencies installed via npm or yarn
|-- src/
| |-- main.js # Main entry point for the Electron app
| |-- renderer/
| | |-- index.html # HTML template for the renderer process
| | |-- main.css # CSS styles for the user interface
| | |-- main.js # JavaScript for the user interface
| |-- screen-recording/
| | |-- ScreenRecorder.js # Screen recording module
|-- package.json # Package configuration and scripts
|-- README.md # Project documentation
|-- LICENSE # License file

Enhance the Readme file. Please refer this readme file.

After user starts recording, "stop recording" button should be enabled while all the other buttons are disabled.

After user stops the recording, "save recording" button should be enabled while all the other buttons are disabled.