Blog App

screenshot of Blog App
express
react
chakra-ui

A beautiful blog application written in ReactJS with Chakra-UI and NodeJS, Express, MongoDB, mongoose, JWT as backend. Full support for markdown syntax and ability to save blog as draft

Overview

I recently started exploring a Markdown editor that promises to facilitate a smooth writing experience. The tool is designed to show how your Markdown documents will look once converted to HTML, allowing for seamless editing and iteration. With unique features such as sync scrolling and GitHub flavored support, this editor appears to be a powerful ally for bloggers and developers alike.

What truly stands out is the live preview functionality, which provides immediate feedback on your writing. You can write in full-screen mode, focusing solely on your content without distractions. This editor not only enhances productivity but also adds an element of fun to the writing process with its emoji support and social sharing capabilities.

Features

  • Markdown Editor: Instantly visualize your Markdown documents as they convert to HTML while you edit.

  • Sync Scrolling: As you type, the editor automatically scrolls to your current location for effortless navigation.

  • GitHub Flavored Markdown: Enjoy intuitive syntax highlighting and robust code support that enhances readability and organization.

  • Dark/Light Mode: While still under construction, this feature is poised to cater to different user preferences for visual comfort.

  • Basic Formatting Toolbar: Easily apply common Markdown formatting with an accessible toolbar.

  • Draft Saving: A future feature that will enable you to save your blog entries as drafts for later editing.

  • Emoji Support: Add a fun element to your writing with emoji previews in your document.

  • Social Sharing Options: Share your completed blogs on platforms like Twitter, WhatsApp, and LinkedIn directly from the editor.

  • Full-Screen Mode: Enjoy a distraction-free writing experience by immersing yourself fully into your content creation.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.