/bloggyfier

Centralized opensource way to build awesome blogs and embed them in your website keeping in sync

Primary LanguageJavaScriptMIT LicenseMIT

Bloggybase

The idea

This project's goal is to develop a centralized open-source solution for easily creating impressive blogs and seamlessly integrating them into your website.

Additionally, it aims to streamline the collaboration between developers and article writers. It does so by generating an HTML snippet that references a file stored in the cloud. This means you won't have to manually update your website's HTML code every time a blog is modified or added.

The editor page provides the option to use a wide range of HTML tags, enabling further customization such as making text bold, italic, marked and more.
Everything its super intuitive and interactive.

We also created a dark tone version for all the night owls out there that want to use it in the night:


And here is an example output :

<div>
  <span id = rvQGEKngJW>
</div>
<div>
  <script src="https://www.bloggybase.com/reader.js?id="rvQGEKngJW" >
</div>

// Where id is the generated name of your file

The only remaining task for you is to integrate this code snippet into your website, and it will automatically stay synchronized whenever anyone makes an update.


How was this achieved?

This project began as a means to leverage Wingloud for a deeper comprehension of its core concepts.

While the concept of Infrastructure as Code was not new to us, we aimed to enhance our understanding by implementing it in a real-world application.

By adopting WingLang, we easily created Buckets and APIs to manage all the backend code required for writing, reading, and storing the necessary components to operate this web application.  

Future improvements

There are still some minor bugs that require resolution, and we also aim to introduce new features, including:

  1. The ability to edit existing HTML files. (Needs further testing but is almost fully implemented)
  2. The inclusion of a login form to enhance the management of your code snippets.

The highly interactive features are powered by the JavaScript library Editor.js

Contributors

Created by:

Andrea Nardi

LinkedIn Profile

Florian Sabani

LinkedIn Profile

Library Used:

Editor.js from Codex-Team

This markdown file was created using bloggybase

"True wisdom lies in solving problems before they arise."

Me