DEV Community: Rajesh khadka

Introducing easyblog - write once share to many !

Rajesh khadka — Thu, 08 Dec 2022 18:15:20 +0000

What I built

Easy blog is an open source project from where you can easily publish your articles in different blogging platform at once. You just need to add some keys of the different blogging platform like (Dev.to, Hashnode) and you are ready to publish your article.

I have provided the test credentials and test account bellow in the blog. Enjoy publishing articles. ✅

Category Submission:

Choose Your Own Adventure

App Link

easyblog

Video Explaining of My Project

Screenshots

Home page

Dashboard

Markdown (with platform selection option)

Add credentials page

Community post (articles by public)

MongoDB Atlas (DB details)

Description

The app allows you to publish the articles in different blogging platform at once by just clicking the single button. Before publishing article app ask the api keys from your side which gets saved into the database and request for dev and hashnode api along with api keys you provided earlier in order to perform create, update and delete operation which actually gets reflected to your main blogging account of DEV.to and hashnode.

Tech stack 👩‍💻

React JS -> for Frontend
MongoDB Atlas -> for Database
Express JS -> for Apis
Dev api -> To post, update the article
Hashnode api -> To post, update and delete article

Platform Api Links

Link to Source Code

rajeshkhadka200 / easy-blog

easy-blog

View on GitHub

Permissive License

MIT License

Background

This project was motivated by the frustration of having to copy and paste the same markdown in numerous blogging platform. For my part, opening all of these sites, copying the markdown, pasting it, and publishing took a lot of time. This issue is what inspired me to create this specific app.

How I built it

My experience with mongoDB is not new. Using mongoDB, I've already created a few applications. To be more specific with this application "easy blog", Mongo DB is the most required technology. Because, whenever user publish article it gets saved into mongo db and then only it gets saved to other blogging platform (dev and hashnode). But question arrives..

Why I'm saving articles on MongoDB ?
Well, this app not only allows you to publish article in dev and hashnode, but it also allows you to edit and delete the articles from dev and hashnode. So, In order to track the articles details, I'm storing the articles in mongo DB too. Further more, in this application MongoDb atlas is widely used for storing user JWT tokens, user details.

Additional resources and info

Currently supported Blogging platforms :

Test credentials

Dev's api key -> yNecF91d29yAA3F8SLKbHeDA
Hashnode's publication id -> 637f63cd0d2fc8df7adde9d2
Hashnode's Authorization token -> 5131be37-f7e2-4634-9b29-e9660b76bc3a

Test accounts Links

MVC of the application

Login to the website
Add api keys to the website
Write a markdown
Publish article (by selecting platforms)

Features included

Can publish article to hashnode and dev at once.
Can Edit the published article, which auto reflects in hashnode and dev
Can delete the published article, which auto reflects in Hashnode.

Introducing Collab - Realtime Code Collabration tool

Rajesh khadka — Mon, 29 Aug 2022 15:07:00 +0000

Overview of My Submission

Collab is Realtime code sync tool where one user can collab to any other user to write code at a same time. Beside this, user can save written code snippets to the website by creating profile in the website. Why don't you try it yourself 👉 ? open website.

I have seen a lot of people who writes code in google docs while appearing the interview (specially while performing coding round). So, I was thinking to build a project to address this problem. At the same time dev community announced the hackathons & I thought this would be the right time to build project which ultimately gave birth to collab.

Apart of this, hackathon is also the one of the reason to build this application !

Submission Category:

The submission category of project is MEAN/MERN Mavericks.

Video Explaining of My Project

Language Used

I used Node.js runtime envirounment for building the application.
Apart of this, Collab is built under the following technologies and packages:

React JS (Frontend)
Redis OM (Redis JSON, Redis Search)
Socket.io (For realtime communication)

Ultimately, the my tech stack for the project is RERN (Redis, Express, React, Node).

Link to Code

rajeshkhadka200 / collab

A realtime code-sync tool, Collab is the platform for any developer or a code enthusiasts who wants to collaborate with other developer around the globe.

Introducing Collab - Realtime Code Collabration tool .

Collab is Realtime code sync tool where users can collab to others developers to write code on a same time. Beside this, user can save written code snippets to the website by creating profile in the website.

Overview video

How it works

The workflow of application is describe by the following architecture diagram.

At first, the socket connection is established through client. When the user get connected to the socket, users write the code in Editor. And the code written in editor get saved in redis as a Redis JSON .

How the data is stored:

The collab's data is stored in JSON format based upon RediJSON. The overall mapping of data is configured by Redis-Om Node js package.

At first connection need to be established in redis cloud by:

import { Client } from "redis-om";
const url = process.

…

View on GitHub

Additional Resources / Info

Website : Collab

Architecture diagram of collab :

Some screenshots of application :

Homepage

Join to room page

Editor page

Profile Page

Features included :

Can invite any other user for collaboration.
Auto sync code in first load.
Broadcast notice to every clients connected to room if any user (joined, disconnected, left) the room.
Supports unlimited users to join the room.

Check out Redis OM, client libraries for working with Redis as a multi-model database.
Use RedisInsight to visualize your data in Redis.
Sign up for a free Redis database.

RedisError: Redis connection needs to be open.

Rajesh khadka — Fri, 19 Aug 2022 18:05:00 +0000

Hey ! developers I'm trying to use redis-om for the redis x dev hakathon but I'm getting error !!
RedisError: Redis connection needs to be open

For more details : https://stackoverflow.com/questions/73417744/rediserror-redis-connection-needs-to-be-open?fbclid=IwAR1GamGnmy7ysgYXbKF7WzLWoHWkBXqubYPuZ_aGVYu2ZRZgNLrYloVHS

Kindly answer the question !! 🙏

Oh, Does google uses GitHub ??

Rajesh khadka — Fri, 11 Feb 2022 15:20:00 +0000