GithubHelp home page GithubHelp logo

hoja's Introduction

Hoja

Hoja

Roger Davila

About Hoja

Hoja is a simple and minimal markdown note taking app focused on letting you have access to your notes not matter what device or browser you are using. Store your notes in notebooks to stay organized and preview the markdown text as you type.

How to Use Hoja

The Basics

The note app is very simple and intuitive to use. All the operations are handled by the popup menu on the bottom right of the application. The menu will give you the option to make a new note, delete a note, move a note to a notebook, etc. The menu adapts depending on the page that you are on, giving you the controls you need within the application.

๐ŸŽจ Wireframes

I used figma to quickly sketch up some basic views and wireframes to get a feel of what the application will be like. I went with a mobile first approach to make sure that the experience is enjoyable on smaller screens.

.table-wrapper { overflow-x: scroll; }

View Image

Note Page

Notes Page

Notebooks Page

โœ… Planning

Used Trello to keep track of the user stories that were being implemented for this project. Pre-defining what we wanted the user to experience to be allowed the project executions phase to go smoothly.

Trello Board Planning!

๐Ÿ’ป Technologies Used

JavaScript React Node Express Mongoose MongoDB HTML5 CSS3 Git Github VSCode Markdown Figma Heroku Trello Marked

Getting Started

Click to Visit Hoja!

โฉ Next Steps

Upcoming Features

  • Searching
  • App Themes
  • Note encryption
  • Tagging Notes
  • More menu controls
  • Keyboard shortcuts
  • UI Animations

hoja's People

Contributors

roger-davila 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.