Code Monkey home page Code Monkey logo

quickjots's Introduction

QuickJots

QuickJots is a web-app to jot down and auto-save any quick notes in your browser, using Markdown or plain-text. No registration is needed, and there is a dark mode available!

Both plain-text and markdown notes are supported (with the help of Showdown).

This repository contains all the source code for the web-app at quickjots.app.

QuickJots is currently hosted using Netlify, so there is also a netlify.toml file in the root to configure Netlify.

Getting Started

If you want to contribute to QuickJots, or host it yourself, you'll need to fork this repo through GitHub, followed by:

QuickJots uses Webpack bundles the source code in this repo together into a static site. It uses a Service Worker to provide offline support.

The main Javascript code is in ./src/js -- the files all use the base window.quickjots object and add any needed functions and variables to this.

  1. git clone [email protected]:[username]/quickjots.git
  2. Ensure you have Node.JS installed (to bundle the files with Webpack)
  3. Run yarn install in the root repo directory to install the dependencies
  4. Run yarn start to run the webpack dev server on your local port 8080 whilst modifying the code. It will auto-reload on any change
  5. Run yarn build to run webpack in production mode to generate files in dist/. These files contain the static site, for you to host yourself if you want

Note you might want to disable the Service Worker in dev-mode if you are testing many changes locally, otherwise you'll see old code working instead of your new code! There's also a 'update on reload' option in Chrome Dev Tools for Service Workers if you don't want to disable it for dev-mode.

Contributing

Any contributions like bug reports, feature requests or pull requests are welcome!

There is an ESLint config in .eslintrc.json, but in short the main code-style is:

  • use 2-space indentation
  • use spaces for indentation
  • use semicolons at the end of statements
  • use arrow functions where possible

quickjots's People

Contributors

dependabot[bot] avatar shu8 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.