MKortmann / Notes-Tracker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Notes Tracker

The idea is to develop a mobile web friendly web application to store and manage your notes in a very easy and clean user interface. The notes should be available in any device that you use and it syncronizes at real time!

The program was developed as simple as possible using only:

  • html
  • css
  • javascript
  • REACT (JSX)
  • MATERIAL-UI DESIGN
  • Nice Features:
    • Integrate with Firebase Database
    • Offline first technique (independent of the speed of your internet, you see the results instantly!!!!)
    • You can add lists that has concatenate items and subitems.
    • Delete and Add lists & items & Subitems
    • Subitems can be edit and marked as done

In Development/TODO:

  • Improve the web responsive design
  • Improve the style

How to start the App?

To use the app, please, click in the link: https://mkortmann.github.io/Notes-Tracker/

Installation

  1. download and install Node.js (https://nodejs.org/en/)
  2. open your Git Bash editor
  3. create a directory in the desire location
  4. go inside to the folder of your desire location Type now this commands here:
  5. git clone
  6. npm install
  7. npm start
  8. have fun! :)

= is the repository address/link

Note about ES6

The code in this project has been written mainly in ES6 JavaScript and JSX through REACT. The code is compatible with modern web browsers and future-proofing JavaScript code.

  • The design was done using CSS and Material-UI Design.

More Information

This project was one idea of me to be able to improve my knowledge about React. For any extra information, please, feel free to contact me.

Contributions

The project was done completely by me starting from scratch. However, if you want to contribute, please, do not hesitate to contact me!

About


Languages

Language:JavaScript 92.4%Language:HTML 6.8%Language:CSS 0.9%