Forem: Ismail

Store your files securley in decentralized cloud storage

Ismail — Sat, 14 Aug 2021 09:01:13 +0000

We all daily use different cloud storage services like Google Drive, Dropbox or one drive to store our files and share with our colleagues and friends.

What if i say that According to Googles terms & condition, Google does not own user-uploaded files to Google Drive, but the company can do whatever it likes with them.

Sometimes the users may also encounter down time or some errors in uploading the files in these centralized cloud storages.

The storage space is also very less in these platfroms.

To overcome all these problems, Today i am going to introduce you with the STORJ-DCS (Decentralized cloud storage).

Now let's get into some practical stuff enough of theory.

You can store files upto 150GB for free in STORJ-DCS.

We are going to upload files on storj cloud storage.

Let's talk how storj work before uploading the files.

When an object is uploaded into Storj DCS, it is default encrypted, split up into 80 or more pieces and distributed across thousands of diverse nodes and ISPs in nearly 100 countries. There is no single point of failure or centralized location meaning outages, downtime, bitrot, ransomware and data breaches are virtually impossible. If a node goes offline for any reason, your file can be reconstituted from just 29 of its distributed pieces.

Now search storj on your web browser and click on the link. you will be redirected to the following page:-

2.Click on start for free. Now you will be redirected to the following page:-

3.Fill the details and you will be redirected to the following page:-

4.Now check your mail and verify. you will be redirected to the following page:-

5.Fill your details and click on login.You will be redirected to:-

6.Now click on upload in browser.
You will be redirected to:-

7.Now click on continue and save the encryption key(This key is very important, you have to use it every time you try to open the files).

Now you will be redirected to following page.
8.Enter your bucket name and click on create bucket:-

Now you will redirected to following page:-

9.Now Click on upload and choose the files you want to upload:-

Now you will see the files uploaded:-

Now you will get a slide from the right side showing the link of the files.

9.Copy that link and paste it in your browser. Your file should be visible.

That's it!!!

Click on Dashboard and see the stats of your storage.

You can store files upto 150GB for free, each project contains 50GB free space and you can create upto 3 projects for free, so total 150GB free space.

Deploy React-App with AWS Amplify

Ismail — Wed, 11 Aug 2021 19:27:23 +0000

We all know that cloud services are the future and aws is one of the leading cloud service provider out there. Today we are going to deploy our react-app(or any SPA application) on AWS amplify.

Let's Get started.

we will follow a step-wise procedure for the deployment of our react-app.

1.Go to terminal and create-react-app:-

2.After creating the react-app get inside the project folder and run the below command.

npm run build

The above command creates a new folder with "build" name inside your project folder as shown in below pic.

3.Now open .gitignore file in you project folder and remove /build

Before:-

After:-

4.Now upload code to your GitHub repository:-

Commit changes

Now push the changes

Check out the repository and make sure everythings is uploaded(build folder is important):-

Now let's get into AWS amplify

1.open AWS amplify console

Now click on get started and you will be redirected to:-

Now click on deliver and get started

2.Now you will be redirected to the following page:-

Now click on Github and continue by giving access to aws amplify with your github account.

You will be redirected to the following page:-

Select your git repository which you have uploaded before and click on next.

Now you will have to click on checkbox and type build in the project root folder and click next.

Now you will be redirected to following page:-

Click on checkbox and click on next button

Now you will be redirected to following page:-

Click on save & deploy.

That's it!!

Now you will be redirected to the following page:-
Wait for few minutes utill the process turns into green tick icons. As shown below:-

Now click on the link your website should be visible.

Create-react-app or Vue in 5 seconds

Ismail — Wed, 21 Jul 2021 10:00:52 +0000

I know you loose your patience sometimes while setting up the react template using create-react-app and i completely agree with you. Don't worry I have got a solution for you.

Presenting you the new build tool calledVite. Vite is a build tool which helps us for faster and leaner development experience for modern projects.
Let's get started without wasting the time...

There are different templates in vite:-
vanilla
vanilla-ts
vue
vue-ts
react
react-ts
preact
preact-ts
lit-element
lit-element-ts
svelte
svelte-ts

I am downloading a simple react template. you can choose any template in the list above.

We can do it in 3 simple steps:-
1:-
Choose anyone command as per you package configurations.

# npm 6.x
npm init vite@latest sample-app --template react

# npm 7+, extra double-dash is needed:
npm init vite@latest sample-app -- --template react

# yarn
yarn create vite sample-app --template react

2:-
Now we get into the folder sample-app and install the required packages and dependencies using

npm install

3:-
Now just run the following command to start the development environment

npm run dev

and that's it we are Done!
Visit the local server to see your react-app.

Have a look into my repos if intrested:-

My Github profile:- https://github.com/sk-ismail