GithubHelp home page GithubHelp logo

radieschenjs's Introduction

Radieschenjs

This is supposed to be a reimplementation of my Radieschen personal Wiki system in html5/css/javascript. The format will be markdown. This is also a tool for me tolearn more about javascript.

radieschenjs's People

Contributors

mkoennecke avatar

Watchers

James Cloos avatar  avatar

radieschenjs's Issues

Center the header

Make the header with the logo, the title and the button appear centered on the screen

Make markdown links work

Once the markdown display is basically working, make sure that inner wiki and external links work.
Inner wiki links should load another markdown page, external links replace radieschen with whatever
external stuff there is.

It would be nice if the back button would work too.

Implement Edit

Implement editing of markdown. May be there is a ready to use editor component for Markdown somewhere.

Implement an Outline

This includes a header with the radieschen logo, a title and an edit button. The main area will hold different text, depending if radieschen is in edit mode or in view mode. Ah, the text of the button has to change
between edit and save depending on the mode.

Design

Make a rough design how this ought to look like.

Some Ideas:

  • A header area with the logo and some controls
  • A main area which either shows rendered markdown or an editor for the wiki page
  • Wiki files are to be stored locally. As an extension sharing/syncing files somewhere needs to be implemented
  • May be, I can steal a markdown editor somewhere
  • Links need special treatment: we need to resolve inner wiki links and load the wiki file. Else normal html rules apply.

Active Discovery

Inspired by an article by Dan North I try in this issue to collect all the stuff which I do not know. Because the learning bit is the tough thing in a project. So, here are the difficult areas as far as I know them:

  • I do not know javascript well. It also seems to be a moving target.
  • I do know some html but my knowledge may be inadequate
  • I do not know CSS very well but this is mainly presentation. The basics, I manage
  • I do not know adaptive design very well. Getting it to work on various devices may be a pain
  • I am confused by the multitude of WWW-javascript frameworks. Maturity feels different.

Evaluate Frameworks

I wish to base radieschenjs on one of the more popular frameworks. Thus I need to evaluate them a bit.

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.