DEV Community: Japroz Saini

Placeholder title

Japroz Saini — Sat, 15 Jul 2023 08:00:34 +0000

What I built

Category Submission:

App Link

Screenshots

Description

Link to Source Code

Permissive License

Background (What made you decide to build this particular app? What inspired you?)

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

Additional Resources/Info

Dev Github hackathon

Japroz Saini — Wed, 26 Apr 2023 17:33:59 +0000

What I built

Category Submission:

App Link

Screenshots

Description

Link to Source Code

Permissive License

Background (What made you decide to build this particular app? What inspired you?)

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

Additional Resources/Info

Linode + DEV Hackathon

Japroz Saini — Sat, 18 Feb 2023 00:59:36 +0000

What I built

Category Submission:

App Link

Screenshots

Description

Link to Source Code

Permissive License

Background

(What made you decide to build this particular app? What inspired you?)

How I built it

(How did you utilize Linode? Did you learn something new along the way? Pick up a new skill?)

Additional Resources/Info

[Azure Trial Hackathon Submission Post Placeholder Title]

Japroz Saini — Mon, 07 Mar 2022 09:19:36 +0000

Overview of My Submission

Submission Category:

Link to Code on GitHub

Additional Resources / Info

[Note:] # Screenshots/demo videos are encouraged!

MongoDB Submission Post

Japroz Saini — Fri, 14 Jan 2022 03:48:06 +0000

Overview of My Submission

Submission Category:

E_commerce

Link to Code

Able

Able is a app for modern developers who aim for security & productivity

View on GitHub

Additional Resources / Info

[Note:] # (Be sure to link to any open source projects that are using your workflow!)

[Note:] # Screenshots/demo videos are encouraged!

[Reminder]: # (Submissions are due on January 13th, 2022 @ 11:59 PM PT/2 AM ET on January 14th, 2022/6 AM UTC on January 14th, 2022).

Github Actions Challenge 2021

Japroz Saini — Wed, 10 Nov 2021 05:40:28 +0000

My Workflow

My workflow is for deploying my side project to vercel and linting the website and the server whenever I push code to my github repo

Submission Category:

DIY deployments

Yaml File or Link to Code

Spam - a new way to publish your thoughts to other people inboxes

Pass

Pass is an app that helps you find something to do when you're feeling bored. Just create an account, find an event and join millions of other people like you.

Folder structure

Folder	Description
dodge	The web app built with `next.js`
nissan	The `graphQL` server built with `express`
scripts	Scripts regarding deployment and docker config.
.github	Github settings config. (eg. `CODEOWNERS`)
.vscode	Project settings for `VSCode`

How to start the app

To run the app, follow the steps given below:

git clone https://github.com/japrozs/spam.git
cd spam
cd nissan
yarn install
yarn watch
# create a new terminal window and type
cd nissan
yarn dev
# create a new terminal window and type
cd dodge
yarn dev

Change the environment variables

After these commands, the app will run on localhost:3000/

View on GitHub

Additional Resources / Info

I used benawad's video on github actions to learn about actions and workflows

How I setup a new full stack project

Japroz Saini — Tue, 07 Sep 2021 07:30:43 +0000

Intro

I just created a git repository about my latest boilerplate setup whenever I start a new projcet. It uses the following technologies

Redis
NodeJS
Express
Apollo GraphQL
TypeORM
Postgres

For the react native app

@apollo/client
GraphQL Code generator
Expo
React Navigation

How the code works

Even though I have explained in the git repo abouthow to start the server, i'll go through that briefly to tell you how it all works. Mainly, I've got a nodejs server, on top of which sits a graphql server alongside a redis server. The job of the redis server is to manage caching and sessions while the GraphQL API is used to handle queries and mutations.

This is how it all comes together

app
|_ expo
|_ @apollo/client
|_ @graphql-codegen (GraphQL Code generator)

server
|_ express server
    |   |_ apollo server
    |   |_ redis server
    |_  nodemailer to send requests and responses

How I hacked freecodecamp

Japroz Saini — Tue, 07 Sep 2021 07:30:06 +0000

The Idea

A few days ago, I was feeling bored so I went to freecodecamp.org to learn some new stuff. I looked in to the Machine Learning course, did a few problems and started fiddling with the Chrome devtools when I saw a big JSON object with almost 1700 items and each had a similar structure like so:

{
    "id": "some_id",
    "fields": {
        "blockName": "Basic HTML and HTML5"
    }
}

I noticed that the property blockName referred to the course I was learning at that time and I thought that the id would refer to the particular challenge that i was solving. I opened the dev tools, and I was right ! freecodecamp was making requests to their API for solving challenge and that id corresponded to the id of the large JSON object.

The execution

After finding out this information ,I stored the JSON object in a file and create a small script to request freecodecamp's server to mark that particular challenge with the id as "solved".

import fetch from "node-fetch";
import data from "./fcc.js";

const sleep = () => {
    return new Promise((resolve) => setTimeout(resolve, 1000));
};

const main = async () => {
    for (let i = 0; i < data.length; i++) {
        const id = data[i].id;
        const name = data[i].blockName;
        console.log("Completed : ", name);
        const req = await fetch(
            "https://api.freecodecamp.org/modern-challenge-completed",
            {
                headers: {
                    accept: "*/*",
                    "accept-language": "en-US,en;q=0.9,hi;q=0.8",
                    "content-type": "application/json",
                    "csrf-token": "KnGyNtQH-GFyuak6u5gqPa8sV8169vx6PRyY",
                    "sec-ch-ua":
                        '"Google Chrome";v="93", " Not;A Brand";v="99", "Chromium";v="93"',
                    "sec-ch-ua-mobile": "?0",
                    "sec-ch-ua-platform": '"macOS"',
                    "sec-fetch-dest": "empty",
                    "sec-fetch-mode": "cors",
                    "sec-fetch-site": "same-site",
                    cookie: "_ga=GA1.2.77626633.1630911571; _gid=GA1.2.1022758339.1630911571; connect.sid=s%3AmzxmMJhhS3UygaVt56wWqUMZ1lJFYOK3.89U9HgtTOpVIrD7UGsUIBk7GvMfLY3u0RT20VkiQPEI; _csrf=BfCbbYVYFZh225oox9s649yq; csrf_token=KnGyNtQH-GFyuak6u5gqPa8sV8169vx6PRyY; jwt_access_token=s%3AeyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhY2Nlc3NUb2tlbiI6eyJpZCI6IkpZS0FFQ2FWUWZJaktUOW1oTFVFc3pqbG40WklBbENBRm5udTd1N0Y0YTA2Nnd3dE5MRmt2U0ZMaHI2cVh5b1oiLCJ0dGwiOjc3NzYwMDAwMDAwLCJjcmVhdGVkIjoiMjAyMS0wOS0wNlQwNzowMToxNC4zMjRaIiwidXNlcklkIjoiNWViNTdiNjUxMGRlYmZiNTY5YTQ1MjgwIn0sImlhdCI6MTYzMDkxMTY3NH0.B0FQCuTN3mooMqtUdSRLBF45CZ1p2UDy-Xhxuua-Jh4.eGmppMiVVauAbwvjgJtE7Vkh9gdnI5lw%2Bc988agg2oY; _gat=1",
                },
                referrer:
                    "https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements",
                referrerPolicy: "no-referrer-when-downgrade",
                body: JSON.stringify({ id, files: {} }),
                method: "POST",
                mode: "cors",
            }
        );
        const json = await req.json();
        console.log("Completed : " + i + "challenges");
        console.log(json);
    }
};
main();

To use this script, just change the cookie field with your cookie. To find that cookie, just complete a simple problem and you will find in the chrome devtools, that requests are made with a cookie field. Just copy that and paste it into this code.

The Conclusion

In the end, I feel really bad for overloading freecodecamp's server just for fun. It could have cost them a lot of damage. If you want to try this out, I suggest only making 2-3 requests. You might think that your profile might spruce up because you completed all the problems but on your profile, it shows that you completed all the problems in one day, which is a clear indication of cheating. I will post the source code to Github in a few days and add the link here.

Link to the source code

Here is the link to the source code where you can find the code. All the stuff is setup for you, all you have to do is follow the instructions given in the readme.MD file of the project and you're good to go.

https://github.com/japrozs/fcc-hack

Backend Dockerfile Setup

Japroz Saini — Tue, 07 Sep 2021 07:27:44 +0000

How to setup a dockerfile to containerize yout appliaction for deployment to various VPS of your choice and how to install it on your VPS. You can use the following dockerfile for your projects that are specially using typescript and yarn.



FROM node:latest

WORKDIR /usr/src/app

COPY package.json ./
COPY yarn.lock ./

RUN yarn

COPY . .
COPY .env.production .env

RUN yarn build


ENV NODE_ENV production

EXPOSE 8080
CMD ["node", "dist/index.js"]
USER node

Then you can use the following commands to push it from your system and pull it from your VPS


docker build -t <tagname>
docker push <tagname>

## on your vps
docker pull <username>:<tagname>

Nmr

Japroz Saini — Wed, 02 Jun 2021 19:27:09 +0000

Nmr

Nmr (Node module resolver) is a command line utility that stores npm modules in a safe place and prevetn your from installing the same module for different projects again and again.

Aim

nmr is aimed for reducing the space hogged by the node_modules folder in ever node.js project.

Installation

To install nmr, enter the following command in the terminal:

npm install -g @svel-ai/nmr@latest

Usage

To use nmr you have to install package globally, and then add them to your project.

For example, if you want to use the commander module in your project, you will have to install the commander module to your system through the following command:

nmr install commander

The above command can be run form anywhere in the terminal.

To use the module in your project, run the following command inside of your project directory:

npm init -y
nmr add commander

That's it. Your ready to use commander. You can use it in your project and import it normally

const { program } = require("commander");
// import { program } from "commander" // If you are using ES6 syntax
// ...

Contributing

We love adding new features to our projects. If you have a new idea, a new bug report or a feature request, please feel free to create a new issue and explain.

License : `MIT`

Tsgist

Japroz Saini — Tue, 15 Dec 2020 03:45:21 +0000

Tsgist is a CLI made with commander and inquirer which helps you to create easy and customizable tsconfig.json files.To get started, install it by running the following command inside of your terminal

npm install -g tsgist

or , if you want to use it in a project, run:

npx tsgist init

This will, initiate a interactive inquirer, from which you can choose the framework you want the tsconfig.json for. You can make a tsconfig.json files for the following frameworks:

> Node
> ReactJS
> VueJS
> React-Native
> AngualrJS

Alternatively, you can contribute to the project on its Github repo

TuringAI

TuringAI is a organization I created for Artificial Intelligence and Machine Learning.Visit its Github account

DEV Community: Japroz Saini

Placeholder title

What I built

Category Submission:

App Link

Screenshots

Description

Link to Source Code

Permissive License

Background (What made you decide to build this particular app? What inspired you?)

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

Additional Resources/Info

Dev Github hackathon

What I built

Category Submission:

App Link

Screenshots

Description

Link to Source Code

Permissive License

Background (What made you decide to build this particular app? What inspired you?)

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

Additional Resources/Info

Linode + DEV Hackathon

What I built

Category Submission:

App Link

Screenshots

Description

Link to Source Code

Permissive License

Background

How I built it

Additional Resources/Info

[Azure Trial Hackathon Submission Post Placeholder Title]

Overview of My Submission

Submission Category:

Link to Code on GitHub

Additional Resources / Info

MongoDB Submission Post

Overview of My Submission

Submission Category:

Link to Code

japrozs / able

A simple and developer friendly way to handle private keys and secrets

Able

Additional Resources / Info

Github Actions Challenge 2021

My Workflow

Submission Category:

Yaml File or Link to Code

japrozs / spam

A website to publish your thoughts to other people's inboxes

Spam - a new way to publish your thoughts to other people inboxes

Pass

Folder structure

How to start the app

Change the environment variables

Additional Resources / Info

How I setup a new full stack project

Intro

For the react native app

How the code works

How I hacked freecodecamp

The Idea

The execution

The Conclusion

Link to the source code

Backend Dockerfile Setup

Nmr

Nmr

Aim

Installation

Usage

Contributing

License : MIT

Tsgist

TuringAI

License : `MIT`