Coder Social home page Coder Social logo

udit-gogia / mkd-blog Goto Github PK

View Code? Open in Web Editor NEW

This project forked from kunalkeshan/mkd-blog

0.0 0.0 0.0 327 KB

mkd-blog short for Markdown Blog is a blogging platform where anyone can share the articles they write to the world. The editing platform of the mkd-blog is bidirectional, i.e. raw articles can be written in text and converted into HTML & Markdown, simultaneously, articles written in Markdown is also converted into HTML and Text.

EJS 99.54% JavaScript 0.34% SCSS 0.11%

mkd-blog's Introduction

mkd-blog Development Documentation.

What is mkd-blog? Aim/Outcome/Intro


mkd-blog short for Markdown Blog is a blogging platform where anyone can share their articles they write to the world. The editing platform of the mkd-blog is bidirectional, i.e. raw articles can be written in text and converted into HTML & Markdown, simultaneously, articles written in Markdown is also converted into HTML and Text.

Users with or without the knowledge of Markdown can use the platform to create articles and share it in a decorated manner.

Tech stacks Used


Frontend

HTML CSS JS
To build the structure and layout of the website. To style the website to provide a reasonable user experience. To add the core functionality of the project into the website.

Backend

Nodejs and Expressjs MySQL EJS
To create the server side application that will run the logic of the mkd-blog. Database management system to manage data associated with the mkd-blog. To create dynamic pages easily and to manage small components of mkd-blog.

APIs Used

Axios
Axios is used to make the required requests to the server as it offers easy to use methods for direct communication and data exchange.

Version Control

Git GitHub
To track different versions of code in the local system. To collaborate with team and have a track of code of all members across a single platform

Hosting Details

Server at Heroku MySQL at (to be decided)
Heroku is used to keep the server side up and running 24/7 and serve the application to the end user. (To be decided)

Other Technologies Used

TailwindCSS Rebrandly API EditorJS
Using tailwinds utility classes to create mockup in a quick and reliable manner. To create short URLs for all articles. EditorJS used UI to edit text as per user requirements and allow to save and edit for later. Make it easier as we don’t have to implement our own text editor. Other than one for Markdown.
SASS (Syntactically awesome style sheets)
SASS to organize styles and keep track of project related variables in a more organized manner

mkd-blog Features


Core Feature

💡 Users can write their articles in plain text or Markdown and can easily share it to the world with a simple link.

Minimum Viable Product (MVP)

  1. Signup and Sign-in for Users.
  2. Edit user profile page.
  3. Create New Articles.
  4. Update Existing Articles. (belonging to that user)
  5. Delete Existing Articles. (belonging to that user)
  6. Read a article in a single page.
  7. Like a article.
  8. Follow a author.
  9. Add Comments to an article.
  10. Display existing articles in the homepage.

Additional

  1. Save articles for later or Read Later Option.
  2. Use Rebrandly API to create short URL’s or articles and use that to share the articles.
  3. Archive written articles.
  4. Allow Tags/Categories for articles.
  5. Like a comment.
  6. Implementing Editor.js to create easy to use Text Editor.
  7. Light and Dark Mode Toggle Feature.

mkd-blog Core Logic and Maintenance


Logic

Database Schema

UI/UX Layout


Color Scheme Used

Typography

Design Inspiration

mkd-blog Worked With


Role Name Contact
Team Lead Kunal Keshan [email protected]
Vice Team Lead Himanshu [email protected]
Developer Sitanshu Pokalwar [email protected]
Developer Sahil Kumar [email protected]
Developer Krishna Chaitanya Thota [email protected]
Developer
Developer
Developer

Links To Project


Github

https://github.com/kunalkeshan/mkd-blog

Site (Work in Progress)

https://www.notion.so

Quick Links

📨 Bitly Mini Link to this Documentation: https://bit.ly/mkdBlogDevDocs

mkd-blog's People

Contributors

deepsourcebot avatar himanshuthakur20 avatar krishnachaitanyathota avatar kunalkeshan avatar mm7104 avatar sitzz23 avatar thewiz-12 avatar v11run 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.