GithubHelp home page GithubHelp logo

anf / draft Goto Github PK

View Code? Open in Web Editor NEW
8.0 4.0 4.0 394 KB

A simple application that manages all your notes.

License: MIT License

TypeScript 55.93% HTML 17.13% CSS 24.12% JavaScript 2.83%
notepad electronts electronjs anf-studios

draft's Introduction


Draft

Draft, a small project by ANF-Studios
A simple application that manages all your notes


GitHub issues GitHub Workflow Status Lines of code

LicenseDiscord ServerDownloadChangelog

About

Draft was formerly known as ANFPad (and initially; List Manager). The development is active and the project is not abandoned.

Using it

You can grab the latest release of Draft at the releases section and run the installer like any other Electron application.
Note: At the moment, the GUI version is only a pre-release, so you would have to use that if you feel eager for it.

I'm living on the Edge, give me the latest features

You can simply grab a pre-release with the latest features or works that are under development. Keep in mind that things may break or appear unexpectedly.

I want to compile my own version

Well, you're in luck, there are two ways instructed in this file:

[RECOMMENDED] Using PowerShell

Prerequisites: PowerShell, Git and NodeJS. Now save the following code in a ps1 (such as run_anfpad.ps1) file and run it with PowerShell.

Now if you're wondering why PowerShell, that's because PowerShell Core is cross platform which means it'll work on all Windows, macOS and Linux which makes life easier.

$desktop = [Environment]::GetFolderPath("Desktop");
cd $desktop;
[Console]::Write("[GIT] Cloning respository...\n");
git clone https://github.com/ANF/Draft.git $desktop\Draft;
[Console]::Write("[NPM] Installing node_modules...\n");
npm install;
# Start Draft
[Console]::Write("[ELECTRONJS] Building Draft...\n");
npm run start;
[Console]::Write("[NPM] Starting...\n");
# Uncomment this part if you want an installer file.
# [Console]::Write("[ELECTRONJS] Creating installer...\n");
# npm run publish;
# [Console]::Write("[NPM] Created installer...");
# cd out\make\squirrel.windows\ia32;
# Invoke-Item .

Doing it manually

  1. Download the repo:
  2. Download the repo
  3. Extract the (downloaded) zip file.
  4. Open up a terminal such as command prompt.
  5. cd into the directory you downloaded.
  6. Run npm install && npm run start

Previews

Light Theme
Light Theme
Dark Theme
Dark Theme
Monokai Theme
Monokai Theme
Markdown Renderer
Markdown Renderer

Further help

You can create an issue or just join the support server.

Chat in the server

draft's People

Contributors

anf-studios avatar mellobacon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

draft's Issues

[BUG] Editor is not placed correctly

The editor's textarea tag needs to me moved a weee bit to the right because you cannot select text from the right side when in windowed mode.

Test

This is a test issue

Add custom titlebar

If we are going to create a menu bar, as referenced in issue #6, it would be nicer to implement a custom-made title bar so that it's easier to develop the rest instead of redoing it again.

[BUG] Editor goes out of place

ANFPad's textarea goes out of place when a lot of text is written - more specifically when the scroll bar apears.
Image:
image

Full screen view:
image

Electron auto-update

The application should be able to automatically update using the github releases page.

[FEATURE] Add themes

Add themes for more customizability.

Currently planned themes:

  • Dark theme (currently being used)
  • Light theme
  • Solarized/Monkai theme

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.