Your First React App?!

aditya — Thu, 23 Jun 2022 14:26:18 +0000

Share Your First React App Made By You In Comments!

I Personally Made A Todo App!
Link :- http://ttooddoo.netlify.app

Instagram Profile Picture Telegram Bot!! 🤖

aditya — Mon, 13 Jun 2022 07:28:00 +0000

So Instagram Doesn't Allow Users To Download/View Full Size Profile Pictures/DP

So I Created A Telegram Bot For Downloading High Quality Profile Pictures From Instagram!

Link :- https://t.me/dpdownloaderbot
Tutorial Video :- https://www.youtube.com/v/qhAdo3N1D7U

Do You Love It, Comment Down Below!!!

React To-Do App With LocalStorage API!

aditya — Sat, 26 Mar 2022 05:07:11 +0000

I Have Started Learning React.js From Past Few Months (I Also Have Other Things To Do, So It Took Months!), Now I Have Created A React To-do App With LocalStorage, I Will Give Tutorial In Coming Blogs, Also Comment Do You Like App?

Deployed :- https://ttooddoo.netlify.app

Image Preview 🖼️

Features 💡

Works Offline If App Is Loaded Once And Not Refreshed (Not Like PWA)
Export Feature To Export All Your Todo's (Just Click On Settings Button On Top-Right)
Syncs Your Browser Theme (This Is A Feature Of Daisy UI)

Comment Your Suggestions Below! 💬

Host Express.js App For Free 👍

aditya — Fri, 25 Mar 2022 03:44:58 +0000

Have You Ever Wanted To Host Your Express App But You Are A Beginner & Don't Want To Pay For Cloud? You Are At Right Place Now!!.
I Will Give You A Demo On How To Host Your Express.js Apps For Free On Deta

Step 1 : Creating Account On Deta!.

Creating A Account On Deta Is As Simple As Writing A Hello World App On Express, Lol!!. Just Go To Deta Web & Sign Up There, It Will Look Like Something Below!!.

After Signing Up You Will Get A Verification Mail On Your Inbox Just Click The Link And Verify Your Account

After Verification Click On Sign In And Login To Your Account!!. Yay!, You have Completed The First Step :)

Step 2 : Getting Project Id & Key!.

After Verification & Signing In, Deta Will Automatically Create Your First Project Called default And The Project Key Will Be Shown By Default After Signing In First Time To Your Account As Like Image Below!!.

You Will Have To Copy That Project Key And Id And Paste It In Notepad Because It Will Be Used Further!!.

Yay!, You Completed The Second Step Too! Nice :)

Step 3 : Installing Deta CLI

Now Install Deta CLI For Your Machine By Pasting Below Code On Your Shell/Terminal/Powershell!!.

Mac : curl -fsSL https://get.deta.dev/cli.sh | sh
Linux :- curl -fsSL https://get.deta.dev/cli.sh | sh
Windows :- iwr https://get.deta.dev/cli.ps1 -useb | iex

After Installation Just Type deta login In Terminal To Login To Your Account From CLI!

It Will Auto Login To Your Account!.

Yay!, You Can Have A Coffee Now Because Third Step Is Completed!.

Step 4 : Creating Deta Micro & Express App

Go To Terminal And Type deta new --node expressapp To Create A New Micro With NodeJS Configuration And Name As expressapp, Now cd To expressapp And Open It In VS Code Or Any Code Editor!.

It Will Already Contain A Express App In index.js. Just Edit It A Little Bit, I Have Attached My Code Below!, Also Deta Does Not Listen On Ports, Just Write module.exports = app Instead Of app.listen(port)

// Dependencies
const express = require('express');
const app = express();

app.get('/', (req, res) => res.send({ message: "Hello World" }));

// Export app
module.exports = app

Also You Can Add Your Whole Code In index.js And Just Install Dependencies You Have Used In Your App, Here I Have Only Used express, So I Will Type npm i express In Terminal!.

Now Go To Terminal And Type deta deploy To Deploy Your App

After Deploying Go To Deta Web And Under Micros Section You Will Get Your App, Just Click That And Go To The URL It Shows For Your Deployed App!.

You Can Visit The URL and See Our Express App Is Live Now!!

You Can Also Change Domain Name In Domains Section, But You Have To Explore It Yourself!

Also This Is My First Blog On Whole Internet, Thanks For Reading :), Any Queries Just Comment Below 👇

DEV Community: aditya