Simple take note app

Taking note is so easy. This is the first app that I created in open source course. 

Here is the Demo.

I added some futures using the follow links:


1)  filer.js to save data and read data to screen.

Add filer.js script:
<script src="https://unpkg.com/filer/dist/filer.min.js"></script>


readFile()
fs.readFile("/note", "utf8", function(err, data) {
if (err) {
throw err;
} else {
if (data) {
document.querySelector("#note").innerHTML = data;
} else {
document.querySelector("#note").innerHTML =
"Welcome to my notepad!";
}
}
});


fs.writeFile("/note", document.querySelector("#note").innerHTML, function(
err
) {
if (err) throw err;
else alert("data saved!");
});


2) Use Google Fonts:
<link
href="https://fonts.googleapis.com/css?family=Modak&display=swap"
rel="stylesheet"
/>


3) Use Hotkeys.js to create key to save:
<script src="https://unpkg.com/hotkeys-js/dist/hotkeys.min.js"></script>


4) Use PaperCSS for style:
<link
rel="stylesheet"
href="https://unpkg.com/papercss@1.6.1/dist/paper.min.css"
/>




Comments

Post a Comment

Popular posts from this blog

The last pr for Hacktoberfest

Image
The last four days for Hacktoberfest including today. For the last pr, I fixed an issue on css. When I found the issue, I though it was an easy issue to fix. However, after I stepped into it. I found some problem. Set up the environment always cost me so much time. The project is using React that I am not good at it. This is a thinking app that already launch. Click here go to the website. When I checked the GitHub, there are 70+ issues. I picked the issue of fix bullet positioning. It opened 12 says ago. Click here i s the issue. Click here for the pull request. I finished all the pull request Hacktoberfest need. I am so happy. When the first time I heard Hacktoberfest from my professor. I was worried about I cannot finish it. I was thinking fixing issues was very hard. I was not confident in it. Finally I did it. I learned a lot during fixing the issue. Even though a small issue, I can learn something new from the small issue as well. I am very enjoy it. ...
Read more

OSD600 3.0 Telescopen update

Image
As I mention in the previous blog, we are going to contribute to telescope.  Click here to see the GitHub. I checked the issues that we have so far and cannot find any issues that I can work on. So I discussed with my classmate and create the issues for us. After our discussion, We decided to make a function to count how many blog come from different domain. Issue --   Implement blog post count by domain .  Click here to check the pull request. Issue -- Test the function of counting each domain post . Click  here  to check the pull request. Issue -- Updarte blogDomainCounter to pass tester Click  here  to check the pull request. When we discussed to make the function to count it, we though it should be done soon cause it was not so difficult. However, when we actually open a file and started working on it. we met so many problem such as: 1. How we can get the urls. 2. How to get the domain. I read all the code we had so far and unde...
Read more

Introduction of Karla

I am totally new to learn open source in this semester. This is the first blog I wrote, hopefully it will become better in the future. I am a programmer who has knowledge in different programming language such as C/C#/C++, Java, Swift, Javascript and Typescript. I have more knowledge in Angular from my work experience. I am interested in creating some small game, webpage, app for IOS and Android. This blog is used to record the experience of my study in open source. Hopefully my experience is useful for the learner like me.
Read more