DEV Community: Rahul kumar

Building Dakia | An API gateway written in rust and powered by pingora

Rahul kumar — Sat, 04 Jan 2025 12:39:53 +0000

I’ve been learning Rust by working on a project called Dakia. The goal of this project is to explore Rust by building something meaningful and hands-on.

Github Repo -> https://github.com/ats1999/dakia

About the Project

Dakia is an API gateway with some exciting features already implemented:

1:1 Proxy
Round-Robin Load Balancing
MongoDB-like Syntax for Filtering Requests

Sample for mongodb like syntax is present here.

The next thing i'll be doing is

Lock free thread safe mutable configuration storage.
Developing interceptors that can read request, rewrite request and modify response. Design it in such that it allows us to customise the behaviour with other programming languages.
Design and Development of extensions, like ConfigStore extension, Logging extension, etc

GitHub Repo

You can find the project here: GitHub - ats1999/dakia.

Suggestions Welcome

I’m open to feedback and suggestions on how to improve the project. If you have any ideas or think I could do something better, I’d love to hear from you!

Built open graph image generator with NodeJs & NextJs

Rahul kumar — Sun, 27 Feb 2022 09:33:07 +0000

I have built this open graph image generator with

NodeJs
NextJs
ExpressJs
Material-UI

Check it out -> https://og-image-client.vercel.app

Features

Theme

It supports two theme, light and dark.

Layout

Currently it supports only three layout.

1. Default

In default layout, you can put your logo at the very top and title at the bottom of the logo

2. Simple

In this layout, you won't be able to add your logo. You can only have text

3. Blog

This layout contains all the features available in Default. It also allow you to put some tags images, you can see the option at the bottom (Featured images).

Do check it out and let me know in the comments that what else can be introdused and improved -> https://og-image-client.vercel.app

List of 39 HTTP status codes and their meaning

Rahul kumar — Tue, 14 Dec 2021 11:51:49 +0000

Each Status-Code is described below, including a description of which method(s) it can follow and any metainformation required in the response.

Table of contents
Informational 1xx

Successful 2xx

Redirection 3xx

Client Error 4xx

Server Error 5xx

See the complete list

How to be productive as a developer :)

Rahul kumar — Fri, 10 Dec 2021 12:32:48 +0000

In this article i am going to share the open source app i built.

You can assess the application from here -> https://time-stamp.vercel.app

Suppose you want to know where did you spent the time in the last week, if you have this small visualization then you can easily get it.

How to use this?

Described in https://github.com/ats1999/time-stamp

Thanku :)

How to download an image from URL in nodejs

Rahul kumar — Wed, 08 Dec 2021 16:45:22 +0000

In this article, we'll learn that how can we download images from a remote URL. After downloading the image, we will encode it in base64 format.

original post

const { Buffer } = require("buffer");
const axios = require("axios");
let url = "https://res.cloudinary.com/practicaldev/image/fetch/s--nh8zSFgY--/c_fill,f_auto,fl_progressive,h_320,q_auto,w_320/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/285604/94170c66-2590-4002-90e0-ec4dc94ed7b5.png";

async function downloadImage(url){
    try{
    // download the raw image file
    const raw = await axios.get(url, {
        responseType: "arraybuffer",
    })

    // create a base64 encoded string
    let base64 = Buffer.from(raw.data, "binary").toString("base64");

    // create image src
    let image = `data:${raw.headers["content-type"]};base64,${base64}`;

    // actual image 
    let imgFile = `<img src="${image}"/>`;
    }catch(e){
        console.log(e);
    }
}

Contribute to React/Node website as a beginner

Rahul kumar — Mon, 29 Nov 2021 13:44:09 +0000

A NextJs app to keep track of your time

Rahul kumar ・ Nov 28 ・ 3 min read

#nextjs #react #node #mongodb

This is a beginner friendly project, head over the github-repo. Go through issue, or create your own issue.

I'll suerly revert

Thank You :)

A NextJs app to keep track of your time

Rahul kumar — Sun, 28 Nov 2021 13:16:56 +0000

time-stamp

This is a productivity application to keep track of your time. You can create tags and add time to those tags. Go back and see where was your time.

If you liked the application then please head over the repo and hit a star.

If you know where was your time yesterday, then you can plan your schedule for today:)
What is TAG?
How to create TAG?
How to record time?
- Go
- Back Date
Contributing
- Tech Stack
- Install
- Start
- Issues
Thank You ❤️

If you know where was your time yesterday, then you can plan your schedule for today:)

At the very top of the application, you will see an input box to select a date. Upon selecting the date, you can see the time you spend on that date.

In the above image, you can see the input date option in the top left corner. Here you can change the date.

In the top right corner, you can see 25/11/2021 stats. This is the selected date. Below that, you can see 6.12 hours total. This is the number of hours you recorded on the selected date.

In the below chart, you can see the tags in sorted order and the number of hours spent on each tag (When you hover the mouse over them).

What is TAG?

TAG is an easy to remember keyword. Suppose you want to keep track of, how many hours you are spending each day learning data structure & algorithms. So, you can create a TAG named dsa Now, record the number of hours you are spending every day.

How to create TAG?

Go here and follow the below process.

You will see the below UI

Here, you can type in the place of Select..., just like below

You can now, click on Create to create a new tag.

How to record time?

Go here and select a TAG

Now, you can click on GO to record time in the current date, or click on Back Date to record time in the previous date.

Go

Upon clicking on the GO button, you can see UI

You can click on Save for react to save time and come back to the home page to see the result.

Back Date

You will see UI

You can enter the time spent in minutes, and select the date.

Contributing

Any kind of contribution is welcomed, either a feature, bug or code contribution.

Tech Stack

The application is built using

NextJs
ReactJs
MongoDB
Chakra-UI
Highcharts.js

Install

git clone https://github.com/ats1999/time-stamp.git

cd time-stamp

npm i

Start

npm run dev

Open - http://localhost:3000

Issues

To contribute, you can go through the list of issues or create your own issue.

You can comment/create any issue, I'll surely revert

Thank You ❤️

Ask user to save the data before window close

Rahul kumar — Tue, 23 Nov 2021 03:16:25 +0000

window.onbeforeunload = function (e) {
   // return a string if you don't want to close
   // the returned string will be displayed in the browser
   return "Do not close please!";

  // return undefined to close the TAB
  return;
};

If you are new to dynamic programming

Rahul kumar — Mon, 22 Nov 2021 17:02:50 +0000

If you are new to dynamic programming, then you should definetly try out this problem.

Problem

Problem description
Alice and Bob take turns playing a game, with Alice starting first.

Try it

Initially, there is a number n on the chalkboard. On each player's turn, that player makes a move consisting of:

Choosing any
XX
X with
0<X<n0 < X < n
0<X<n and
n%X==0n \% X == 0
n%X==0.

Replacing the number n on the chalkboard with n - x.

Also, if a player cannot make a move, they lose the game.

Return true if and only if Alice wins the game, assuming both players play optimally.

Example 1
Input: n = 2
Output: true
Explanation: Alice chooses 1, and Bob has no more moves.
Exmaple 2
Input: n = 3
Output: false
Explanation: Alice chooses 1, Bob chooses 1, and Alice has no more moves.
Constraints
1<=n<=10001 <= n <= 1000
1<=n<=1000

Try This

Building a time tracker app in NextJs with MongoDB

Rahul kumar — Sun, 21 Nov 2021 18:31:49 +0000

What is the `time tracker app`?

I always wanted a way to keep track of day to day activities. For example, i want to know that how much time i'm investing in study, sports, coding, prep, etc.

If i have record of all these things, then i can easily decide that which area need more time and which need less.

This application is built for the same purpose.

How to use?

1. Go here

Here you will see a sign-in button, clicking on that button do signin.

Sign-in required to save your data into DB

2. Create/Select TAG

TAG is a notation of your todo type. Suppose you are reading about javascript, and you would link to know that how much time you are providing to the javascript.

Then you can create a TAG named javscript.

To create TAG click on Track button.

Here you can either create or select the TAG

4. Start the timer

After creating the TAG, you can click on the GO.

5. Save the data

After timer finishes, you can save the data into DB and comeback to the home page.

repo

Thank You

Help me to grow up

Rahul kumar — Thu, 18 Nov 2021 01:45:36 +0000

Hi, Dev community.
I am Rahul, a software developer having 1YOE in MERN stack development.

I built a website @dsabyte few days back. As of now i am a single author of the website, and i am looking for contribution.

How can you contribute

writing tech blogs
suggesting features
reporting bugs
as you wish

Thank You

Create Cookie banner in React

Rahul kumar — Sun, 14 Nov 2021 09:51:57 +0000

In this article, we'll see that how can we create cookie banner in react.

The Architecture

This is going to be sort and sweet and assuming that you already know that what is cookie banner, react, etc

The Architecture

The Architecture is simple, we are going to have a CookieBanner component which will have it's own state. It'll show a banner on the UI and when user clicks on the accept or close buttton, the banner will gets removed.

Implementing this in Reach + Chakra-UI

import { useState, useEffect } from "react";
import { BellIcon } from "@chakra-ui/icons";
import {
  Box,
  HStack,
  Icon,
  Stack,
  Text,
  useColorModeValue,
  Button,
} from "@chakra-ui/react";
import { getLocalStorage, setLocalStorage } from "@src/util";

export default function Banner() {
  // by default do not show this banner
  const [isCookieEnabled, setIsCookieEnabled] = useState(true);

  useEffect(() => {
    const isCookie = getLocalStorage("cookie-enabled");
    setIsCookieEnabled(Boolean(isCookie));
  }, []);

  return isCookieEnabled ? null : (
    <Box as="section" pt="8" pb="12" pos="fixed" bottom={"-50px"} w="100%" zIndex={10}>
      <Stack
        direction={{ base: "column", sm: "row" }}
        justifyContent="center"
        alignItems="center"
        py="3"
        px={{ base: "3", md: "6", lg: "8" }}
        color="white"
        bg={useColorModeValue("blue.600", "blue.400")}
      >
        <HStack spacing="3">
          <Icon as={BellIcon} fontSize="2xl" h="10" />
          <Text fontWeight="medium" marginEnd="2">
            By using our website, you agree to the use of cookies as described
            in our cookie policy
          </Text>
        </HStack>
        <Button
          w={{ base: "full", sm: "auto" }}
          flexShrink={0}
          colorScheme="green"
          onClick={() => {
            setLocalStorage("cookie-enabled", true);
            setIsCookieEnabled(true);
          }}
        >
          Accept
        </Button>
      </Stack>
    </Box>
  );
}

Desktop

Mobile

To see this in action open this page.

DEV Community: Rahul kumar

Building Dakia | An API gateway written in rust and powered by pingora

About the Project

GitHub Repo

Suggestions Welcome

Built open graph image generator with NodeJs & NextJs

Features

Theme

Layout

1. Default

2. Simple

3. Blog

Do check it out and let me know in the comments that what else can be introdused and improved -> https://og-image-client.vercel.app

List of 39 HTTP status codes and their meaning

How to be productive as a developer :)

How to use this?

How to download an image from URL in nodejs

original post

Contribute to React/Node website as a beginner

A NextJs app to keep track of your time

Rahul kumar ・ Nov 28 ・ 3 min read

A NextJs app to keep track of your time

time-stamp

Table of contents

If you know where was your time yesterday, then you can plan your schedule for today:)

What is TAG?

How to create TAG?

How to record time?

Go

Back Date

Contributing

Tech Stack

Install

Start

Issues

Thank You ❤️

Ask user to save the data before window close

If you are new to dynamic programming

Problem

Building a time tracker app in NextJs with MongoDB

What is the time tracker app?

How to use?

1. Go here

2. Create/Select TAG

4. Start the timer

5. Save the data

Thank You

Help me to grow up

How can you contribute

Thank You

Create Cookie banner in React

The Architecture

The Architecture

Implementing this in Reach + Chakra-UI

Desktop

Mobile

Thank You

What is the `time tracker app`?