Intermediate

Electron

Desktop

Making a to-do list

To-Do List

a desktop based to-do-list app in electron

Project Checklist

  • Design and implement a simple desktop application for managing a to-do list
  • Allow users to create and edit tasks
  • Allow users to mark tasks as complete
  • Allow users to view completed tasks
  • Test and debug the application

Bonus Project Checklist Items

  • Add additional features such as task prioritization or deadline tracking
  • Integrate with a cloud storage service to allow users to sync their tasks across devices

Inspiration (Any companies/libraries similar)

  • Todoist
  • Wunderlist

Hint/Code snippet to start

To get started, you can use the following code snippet to create a basic desktop application using a framework such as Electron:
const electron = require('electron');
const { app, BrowserWindow } = electron;

let mainWindow;

app.on('ready', () => {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
  });
  mainWindow.loadURL(`file://${__dirname}/index.html`);
});

This code creates a basic desktop application with a main window and loads the main page. You can use this code snippet as a starting point to build the to-do list management application.