Filer Open Source Project

In this Project I have created simple HTML page that function as notepad. I have used FilerJS Browser Filesystem Library This Notepad HTML page allowed any internet user add or delete text from the "sticky note" on the page. Here is the link to the page https://lozinska.github.io/my-note/.
In this Project I applied some CSS features in order to make note area look like a "sticky note". Some pieces of CSS were taken from envatotuts

Learning outcome from Lab 2:

1. How to create GitHub repository
2. How to apply license on my work
3. How to mirror my work on the GitHub
4. How to Push and Set up Gh - Page hosting

Things to be improved:

1. In this Project I would like to add some buttons as "Save" and "Clear".
2. As for now page has only one "sticky note" and I would like to add as much "sticky notes" as user would like and also clear them in the order user would prefer.

Code for the note could be find https://github.com/lozinska/my-note.



Comments

Post a Comment

Popular posts from this blog

Hacktoberfest - Issue #1, Pull Request #1

Image
In this article I will continue to talk about my journey through the Open Source Development. As I mention in previous post   I am participating in Hacktoberfest. Requirements for this fest is to submit 4 Pull Request during the month of October in order to get a T-shirt with Hacktoberfest logo. In this post I will talk about my first PR (Pull Request). In the beginning of October I went through many filed issues on the Git Hub in order to find to work on something this month. My very first issue was to create a small animation selector for Hacktoberfest. Hacktoberfest animation. This task was not very complicated but more on a practice to fork, edit code, create PR and merge. Neither this task required any special installation (Visual Code is enough to handle this issue) Steps to complete PR for this issue: 1. Create CSS file with my own animation. In this part I had to do little research on CSS animations. I find many different ideas and how to implement them to get
Read more

Hacktoberfest

Image
Few more days till October will knock into our windows. Before I start my OSD600 month of October was the month when all celebration begins (Thanksgiving Day, Halloween, preparation for Christmas and Christmas itself). This year everything is different. For many new programmers and programmers who new to open source development this is the month to challenge ourselves in Hacktoberfest . My very first challenge is to pick a proper issue. I never thought that it will be that hard. It's been already 2 weeks since I start looking into this. And every time I can't decide what will be a good start. This is the time when emotion overlaps with knowledge. On one side I want to pick something that I would like to do but on the other side the fear that my Pull Request will not be excepted make me nervous. After searching through so many issues on the GitHub i pick few issue I will work. My first goal for this challenge is to gain confidence in programming, in the end of the day this
Read more

Release 0.6

Image
Going back to Telescope. Between release 0.5 and 0.6 I was working on the Telescope project. I was assign to few issues during the 2 weeks period.  My first issue was to add test to make sure our application starts. This issue reference to the page where possibly I can look for solution. Ideally issue -363 should solve: a) make sure that our app is working b) allowed to hit correct root. After reading examples and documentation I have learned that there is 'start-serve-and-test' npm package that starts server, waits for URL, then runs test command; when tests end, shuts down server.  How to use this package: Install this package  npm i  start-server-and-test Add command to the script. In my case Telescope already has command to start server and command for the tests. This way I just had to combine both commands into one that I named "CI" and add localhost.  Indeed this package did not solve the intention  of the issue I was working on. This packa
Read more