My implementation of Mmmarkdown benchmark module of Learners Guild curriculum.
A full-stack single-page web application - markdown editor.
Features:
- user can create, save, update and delete documents
- user can preview the markdown test in real time
- all communication with the server is done via AJAX
- last modified document is always displayed on top of the sidebar
What I learned doing this project:
- using an UPSERT database function which either updates a record in database if it already exists or inserts new one if it doesn't exist
- creating a database trigger and stored procedure
- using the Remarkable package
- using Lodash library
- using CSS Grids and Flexbox
- using Material Icons Font
https://markdown-mira.herokuapp.com/
These instructions are for getting a copy of the project on your local environment.
- Clone/Fork -
git clone https://github.com/Maxmi/Mmmarkdown.git - Install npm packages -
npm install
- Create database and tables -
npm run db:init(WARNING: This will remove any existing db calledmarkdownin postgres)
- Run
cp .env.template .envcommand in the terminal to create your own.envfile and enter your config values in the.envfile
- Run
npm start - To access the app go to
http://localhost:3000