Gakko - Digital Learning App

by Daniel Rousseau in Circuits > Apple

405 Views, 1 Favorites, 0 Comments

Gakko - Digital Learning App

12.PNG
app.png

Requirements ---

Some experience in Javascript, CSS and HTML

A Linux, Windows, or MacOS Operating System

Installations ---

Install NPM and NodeJS

Install Visual Studio Code

Pick an HTML Template That You Like

32322323.PNG

https://nicepage.com/html-templates

You can also do the frontend yourself if you'd like

Learn to Program a Notes, Calendar, and Schedule Section in NodeJS

123123123.PNG

Here are guides on how to program each

Notes ---

https://www.w3schools.com/howto/tryit.asp?filename...

Calendar ---

https://fullcalendar.io/ (pre-coded)

Schedule --

Simply add your school periods in html and add an

[A href="" tag] (where square brackets are pointed ones, cant use on instructables since it interprets it as link)

to link to your zoom classes.

Integrate All of the Features Into the Frontend

111111.PNG

For more information on how to create NPM/Electron projects, view the following documentation:

https://www.electronjs.org/docs/tutorial/first-app

Using any text editor you'd like, I personally prefer Microsoft's Visual Studio Code, use the ready made HTML frontend you chose as the base for your NodeJS/Electron project, and add all of the elements discussed in the prior section to individual HTML pages (that you link from in your index page)

Package Into an App

Screen Shot 2020-09-10 at 2.20.29 PM.png

Open a command line in the root of your working directory, then type

```npm install electron-packager```

```electron-packager . [APPNAME]```

And your finished app should be in a folder in the same directory

Buxfixing/Troubleshooting

If you're having trouble implementing any of the features, feel free to use my source code as a guide---

https://github.com/danielrousseaug/gakko

If you want to download and test my app, here is a download link for MacOS Users--

https://we.tl/t-LwrvQ1sDBI