Skip to content

Aayush895/Markdown-Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

In-browser markdown editor solution

This is a solution to the In-browser markdown editor.

Table of contents

Overview

The challenge

Users should be able to:

  • Create, Read, Update, and Delete markdown documents
  • Name and save documents to be accessed as needed
  • Edit the markdown of a document and see the formatted preview of the content
  • View a full-page preview of the formatted content
  • View the optimal layout for the app depending on their device's screen size
  • See hover states for all interactive elements on the page
  • This project is built as a full-stack application

Screenshot

Desktop 1 Desktop 2 Desktop 3 Mobile 1 Mobile 2 Mobile 3 Tablet 1 Tablet 2 Tablet 3 Tablet 4

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS
  • Flexbox
  • CSS modules
  • Mobile-first workflow
  • React - JS library
  • Express
  • Node
  • Mongodb

What I learned

  • Learned how to create an entire full-stack application that can perform CRUD operations.
  • Learned how to setup an express server along with database.
  • Learned how to create a fully responsve react application and merge it with backend server.
  • Learned how to make my application modular.

Author

About

This is a Markdown-Editor where user can Add, Remove, Update and Delete a .md file along with a live editor where user can actually preview their .md files when they write something in the editor.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors