DEV Community: Akshat Singhania

got my first 1k views !!! :]

Akshat Singhania — Mon, 05 Jul 2021 06:22:16 +0000

I hopped onto devpost and saw dashboard today and saw that i got 1000 views on my blog , 1000 people read my blog,
so many people that it can fill an entire school! or entire hotels

Thanks a lot to everyone who read my blog posts or just checked it out , thanks a lot :)

express session cookie not working , react , axios

Akshat Singhania — Fri, 04 Jun 2021 15:06:34 +0000

To make it work simply do

import axios from "axios";

const Axios = axios.create({
  baseURL:
    process.env.NODE_ENV === "development"
      ? process.env.REACT_APP_DEV_SERVER_URL
      : process.env.REACT_APP_SERVER_URL,
});
Axios.defaults.withCredentials = true;

export default Axios;

or
just

import axios from "axios";

axios.defaults.withCredentials = true;

It makes axios store cookies

Thanks for reading, hearts ❤️ if you liked it and unicorns 🦄 if you loved it, follow if you wanna read more awesome blogs

An AI who can talk like humans !!!

Akshat Singhania — Fri, 04 Jun 2021 12:53:29 +0000

I created an ai bot who can talk like humans do .
He can understand what you mean.
He can learn from you.
He can do almost what humans can do in a conversation .
So heres my discord server where you can talk to him!!
https://discord.gg/Aj3aXyGkhc

How to exclude password from mongoose mongodb

Akshat Singhania — Thu, 03 Jun 2021 14:49:11 +0000

While logging or registering the user , we generally return the user data , password or hashed password is also returned along with the data , we do not want to send the hashed password to frontend so how do we exclude.

exclude password from returned object

Register

After creating user

const createdUser = await User.create({
  email: email,
  password: await argon2.hash(password),
});
if (createdUser) {
  const { password, ...responseUser } = createdUser._doc;
  return { user: responseUser };
}

the ._doc contains the data like email , username , password which we specify in the schema

Login

let user = await User.findOne({ email: email });
if (user) {
  if (await argon2.verify(user.password, password)) {
    const { password, ...responseUser } = user._doc;
    return { user: responseUser };
  } else {
    return {
      error: [{ field: "password", message: "wrong password" }],
    };
  }
}

We do the same thing but after finding the user

Thanks for reading, hearts ❤️ if you liked it and unicorns 🦄 if you loved it, follow if you wanna read more awesome blogs

make sudo not ask for password

Akshat Singhania — Wed, 19 May 2021 07:32:11 +0000

Modifying the system files to skip asking for password can be dangerous and also can lead to unexpected behaviour and problems.

So the way without Modifying anything it to use

sudo su

this will make you login to the super user and you can do anything you want without asking for password and the good thing is when you close the terminal and open a new terminal , the new one will be normal as before without the need to undo the change in any files

Mine Crypto on Linux

Akshat Singhania — Tue, 18 May 2021 07:38:00 +0000

Mining crypto on windows is quite intuitive but not quite in Linux
So today we will be looking at how to set up mining on Linux

Installation

We would be using xmrig to mine XMR, it is a great miner, it also doesn't charge a huge fee, you set the percentage of the fees yourself too

Building packages

Since xmrig doesn't give us the binary themselves so we have to build them ourselves, this doesn't take much bandwidth not much processing power, and time though

Installing build-essential packages

sudo apt-get install git build-essential cmake libuv1-dev libssl-dev libhwloc-dev

Cloning GitHub repo to build xmrig

cloning the open-source code to build Linux executables.
The total download size is 9.69 MB.

git clone https://github.com/xmrig/xmrig.git

Creating the build directory and opening it in terminal

mkdir xmrig/build && cd xmrig/build

Build the Linux executables

cmake will make the executables themselves easily

cmake ..

.. is the directory path

Rechecking the cmake build

make -j$(nproc)

And Voila the installation is as easy as that

Start xmrig miner

Make a config.json to configure xmrig

touch config.json

Open in editor

Open it in vs code or other editors
for vs code

code .

Open the config.json file in

Setting up the pool to start Mining

Finally, we are going to set up the pool and start mining

excited as much me?

Hashvault

Go to hashvault's website

https://hashvault.pro/

and create an account and log in

Click on the monero mining pool

Go to your getting started and enter your monero wallet address.

I personally use MyMonero for my wallet https://mymonero.com/ (please mymonero sponsor meee)

Enter your wallet address

Scroll down and click on the copy button below the JSON config showed and paste the copied config onto the config.json file we created before

Starting the miner!!!

We are ready to mine now!

Scroll down more on the hashvault page and click on the bottom-most copy button

Paste in start.txt file (create in anywhere you like and you can remember the location)

It will look something like this

xmrig --url pool.hashvault.pro:80 --user 4Ahf9dJuMxXBRKkmgQz1kRKtHpa2yRapBciuV4pWKFktBeJ9WsLDcDDZEsZbkjyXkRgkFnRdTSjDVSiYJpWvsbVnVDNAkUd --pass x --donate-level 1 --tls --tls-fingerprint 420c7850e09b7c0bdcf748a7da9eb3647daf8515718f36d9ccfdd6b9ff834b14

Add a ./ at the beginning of the text file like this

./xmrig --url pool.hashvault.pro:80 --user 4Ahf9dJuMxXBRKkmgQz1kRKtHpa2yRapBciuV4pWKFktBeJ9WsLDcDDZEsZbkjyXkRgkFnRdTSjDVSiYJpWvsbVnVDNAkUd --pass x --donate-level 1 --tls --tls-fingerprint 420c7850e09b7c0bdcf748a7da9eb3647daf8515718f36d9ccfdd6b9ff834b14

and paste it in the terminal and omg your miner started mining

You will see something like this

Hashvault

Open the dashboard and click on the Stream tab
you will see connected like this

If you don't see anything don't worry just press ctrl + c in the terminal and run the command to start the miner again

you will see that its connected to your city/country

Earnings

Let it run for a while (1-3 hours), after running it for that time open the hashvault dashboard again and click on the rewards option

You will see your rewards/earnings

Get it into your wallet

The rewards doesn't deposit itself into your wallet address that you gave you have to click on the settings in the dashboard and set the payment threshold (i set mine to the lowest)

if the sum of all the rewards is greater than the payment threshold the payment will be done to your monero wallet address

Congo!!!!!!

Thanks for reading, hearts ❤️ if you liked it and unicorns 🦄 if you loved it, follow if you wanna read more awesome blogs

Mongoose Unique Not Working

Akshat Singhania — Sat, 15 May 2021 15:07:18 +0000

You have a user schema and you want the email field to be unique

import { Schema } from 'mongoose';

const userSchema = new Schema({
    password: { type: String, required: true },
    email: { type: String, required: true, unique: true },
});

export default user schema;

but it doesn't work! , here are some reasons because which this wouldn't work

1. Duplicate documents already created in DB before defining this property

You might have already added some duplicate data in the database so mongoose and MongoDB simply doesn't check unique field because it's already messed up

Delete the messed data from the MongoDB collections page to solve it

2. Auto Indexing or Create index is false

If you wouldn't have specified to auto index the data
which means to check for uniqueness, mongoose wouldn't do that

Simply make them to true while connecting to the database

mongoose
    .connect('connection url', {
        useUnifiedTopology: true,
        useNewUrlParser: true,
        useCreateIndex: true, //make this true
        autoIndex: true, //make this also true
    })
    .then(() => {
        console.log('Connected to mongoDB');
    });

Thanks for reading, hearts ❤️ , and unicorns 🦄 if you liked it, follow if you loved it

Setup nested routes in react

Akshat Singhania — Thu, 13 May 2021 07:16:10 +0000

Setup nested routes in react

reactrouterdom, reactjs, nestedrouting, react

all the files used are here https://codesandbox.io/s/setup-nested-routes-in-react-j80to

Using routes in a single file in a big react project is a huge mess and a lot of work

So the solutions comes as nested routing
in simpler terms routes in different files one inside another

In the above file structure , the routes in the Auth.js gets imported in the Routes.js file

Route.js

import React from 'react';
import { BrowserRouter as Router, Switch } from 'react-router-dom';
import Auth from './auth/Auth';

const Routes = () => {
    return (
        <Router>
            <Switch>
                <Route path={`/auth`} component={Auth} />
                <Route path={`/`}>
                    <h1>Home</h1>
                </Route>
            </Switch>
        </Router>
    );
};

export default Routes;

The Route.js component will contain basic router code but the magic will happen in Auth.js

We start with creating a switch will hold multiple routes

Auth.js

import React from 'react';
import { Switch } from 'react-router-dom';

const Auth = () => {
    return <Switch></Switch>;
};

export default Auth;

then add the required routes to it

import React from 'react';
import { Switch, Route } from 'react-router-dom';

const Auth = () => {
    return (
        <Switch>
            <Route>
                <h1>Login Page</h1>
            </Route>
            <Route>
                <h1>Register Page</h1>
            </Route>
        </Switch>
    );
};

export default Auth;

then we will add a useRouteMatch function from react-router-dom
the useRouteMatch function will give us a path and a url what we will be needing is the path var

import React from 'react';
import { Switch, useRouteMatch, Route } from 'react-router-dom';

const Auth = () => {
    const { path } = useRouteMatch();
    return (
        <Switch>
            <Route>
                <h1>Login Page</h1>
            </Route>
            <Route>
                <h1>Register Page</h1>
            </Route>
        </Switch>
    );
};

export default Auth;

then we will add path to the routes , the path will be useRoutesMatch path + /whatever_the_sub_path_is

import React from 'react';
import { Switch, useRouteMatch } from 'react-router-dom';

const Auth = () => {
    const { path } = useRouteMatch();
    return (
        <Switch>
            <Route path={`${path}/login`}>
                <h1>Login Page</h1>
            </Route>
            <Route path={`${path}/register`}>
                <h1>Register Page</h1>
            </Route>
        </Switch>
    );
};

export default Auth;

Whats useRouteMatch?

useRouteMatch is provided by react-router-dom
which gives use a object

if you log the value of useRouteMatch
you will get something like this

{ "path: "/auth", "url": "/auth", "isExact": false }

the path variable gives us the path we mentioned in the Routes.js file here

<Route path={`/auth`} component={Auth} />
                ^

then the route we mentioned in the Auth.js file

<Route path={`${path}/login`}>
    <h1>Login Page</h1>
</Route>

if we log ${path}/login it will give us /auth/login
also make sure to not put a / in the parent route it will make the sub route = /auth//login
which cause problems

this simple nesting can be used in a bigger project without causing mess in a single file

Thanks for reading , hearts ❤️ if you liked it , follow if you loved it

Why use a css framework when you can use vanilla css?

Akshat Singhania — Tue, 11 May 2021 13:08:49 +0000

Using a CSS framework for projects is quite common these days whether it be big projects or small side projects but why do dev's use a CSS framework anyway

While making a website, it is a tough job to make headers/navbars with minor feature like disappearing it on mobiles and making a menu instead, handle pads and tablets screen sizes, dropdowns so talking about these we come to our first point

Premade features for easy use and faster development times
though implementing a normal feature like a login page might be easy and quick, adding elements like errors and dialog boxes might be a long and time-consuming task especially dealing with edge cases like overlapping on different screen sizes, messed up animations.
Huge community/organization support for bug fixes, and implementation for many browsers, screen sizes over the years the framework has existed, that means you can get relieved for common problems in older browsers
Help to learn CSS , just getting started with CSS and styling , well it takes a lot of time to learn CSS and proper styling of webpages, you might not know about flex boxes and the new grid layout, well the CSS framework already the easier way to implement it
They come with documentation. If you need help getting started, the framework generally comes with some support files. This can be particularly nice if you are designing a site you will be handing off to a client. You can just let them know what framework you used and refer them to that documentation for support requests.