Untitled

//app.js

 const taskForm = document.querySelector('#taskForm1')
const Username = document.querySelector('#Username')
const Password = document.querySelector('#Password')

 const { ipcRenderer } = require('electron')


taskForm.addEventListener("submit",async e=>{
  e.preventDefault();
const user ={
        name: Username.value,
        pass: Password.value
    }
   
   console.log(user)
    ipcRenderer.invoke('new', user).then(()=> console.log('new user entered')).catch((err)=> console.error('Error'))

     
      
},
     
   
    ipcRenderer.on('new-task-created', (e, arg) => {
        try {
            console.log(arg); 
          } catch (error) {
            console.log('That did not go well.')
          }}))
      
   
            
//databse.js

const mongoose =require('mongoose')
const uri= 'mongodb+srv://user:dbUser@cluster0.um1b0.mongodb.net/yeni?retryWrites=true&w=majority'
 mongoose.connect(uri,
    {
      useNewUrlParser: true,
        useUnifiedTopology: true,
      
        
      }).then(()=> console.log('db is connected')).catch((err)=> console.error('Error'))
  

  //index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self';">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CMS</title>
</head>
<body>
   <h1>Welcome</h1>
   <form id="taskForm1">
   <input type="text" id="Username" placeholder="Username" autofocus>
  
<input type="text" id="Password" placeholder="Password" autofocus>

    <button type="submit">Login</button>
    </form>
 
  
   
   <script  src="app.js"></script>
</body>
</html>

//index.js

const {createWindow} = require('./main')
const{app} = require('electron')
require('./database')
require('./models/user')
app.allowRendererProcessReuse = true

//main.js

const { BrowserWindow ,ipcMain} =require('electron')

const user = require('./models/user.js')

function createWindow(){
   const win= new BrowserWindow({
width:800,
height :700,
webPreferences :{
   nodeIntegration: true,
   contextIsolation:false,
   traceProcessWarnings:true
  },
    })
    win.loadFile('src/index.html')
}
ipcMain.handle('new', async (e, arg) => {
   const newUser = new user(arg)

   const userSaved = await newUser.save()
   console.log(userSaved)
  
 })



module.exports= { createWindow}
app.whenReady().then(createWindow)
Editor is loading...