Forem: Digvijay Singh Rathore

Web Project Ideas

Digvijay Singh Rathore — Mon, 01 Jun 2020 08:57:54 +0000

So you have decided to build your own product and upskill but what are you actually gonna build? Well, that's really not a problem. You are not supposed to come up with some revolutionary idea. You just need to develop something that adds value. It could be anything. A tinder for books, an app for foodies, etc.

Some things to keep in mind before picking something to work on.

Try to build something with context to the current time or situation. As of this articles, corona virus is spreading all around. If your product is anyway can help spread awareness about it or give some solution, it would be the amazing.
Don't reject some idea if the problem it solves is a small or very very small one. You need not build the next big social platform. You have to do something which add value, that's it.

Below are the 21 ideas for your next project!

Video Chat

Use WebRTC to build a video chat application. Many people are starting to do video conferences, they won't mind using your app.

Blogging Website

Build a CMS for anonymous people to write their secret stories. Shh! Keep their identity secret.

Tic Tac Toe

A tic-tac-toe which let's people invite their friends using email. Everyone is quarantined, people will love it.

Chat Room

Chat rooms for small teams to discuss and share files. Introduce it to conventional/government departments. Use web sockets for it.

Run-On-The-Spot

A mobile app which let's people mark any destination around their house and let them run on the spot itself to simulate their walk. Friends can mark their locations and run at their houses to simulate meeting.

Dank Memes

A simple dynamic website which gets fresh dank memes every new day. People are gonna go crazy about it, honestly.

Garden IOT

An IOT dashboard for maintaining garden. Relatives can take care of each other's gardens.

Online Javascript IDE

A code editor made using Ace Editor JS. Add the functionality of saving code on cloud and sharing it.

Thanks for reading!
I strongly hope you build something awesome.
Share with me on,
Instagram @digvijaysrathore

https://instagram.com/digvijaysrathore Twitter @novadigvijay
https://twitter.com/novadigvijay

26 Ideas For Your First Product

Digvijay Singh Rathore — Mon, 18 May 2020 06:58:22 +0000

Some things to keep in mind before picking something to work on.

Try to build something with context to the current time or situation. As of this articles, corona virus is spreading all around. If your product is anyway can help spread awareness about it or give some solution, it would be the amazing.
Don't reject some idea if the problem it solves is a small or very very small one. You need not build the next social platform. You have to do something which add value, that's it.
Make something usable. If it's an ebook, publish it. Website, deploy it. Sketch, post it. Video, upload it.

If you are a designer, developer, sales person, marketer, finance beginner, below are 26 ideas you can build and launch as your first real product.

For Designer :-

Clone UI of popular websites and post them on a website.
An instagram page to showcase your art.
A website where you different UI components.
An ebook which shows the latest design trends.
A youtube channel where you upload timelapse of your design process.
A blog, where you bring guests to give some design inspiration.
Collab with a developer and build a social platform for designers.
Make an animation of washing hands.

For Marketer :-

Get big name in marketing industry to share some writings weekly. Make a blog and collect emails.
A telegram group to let people collaborate and learn marketing.
There are very less marketing podcasts. Make one.
Share "marketing stories" on a blog.
Ebook about consumer mindset.
Share the insights about the current marketing strategy of these big companies. Make a blog.

For Developer :-

Build a forum for dev Q/A.
Build a website to spread awareness about corona virus, get some bacteria falling on the home page and animations.
Use Google Ads API and other such APIs for making an ads marketplace.
Make a coded blog for your technical writings.
Make an environmental factors monitor using APIs.
Find what's happening in space using NASA's API.
Use GOVT API to make a food price app.

For Finance :-

First and foremost, start writing a blog about your finance journey.
Make series of articles explaining your story and guiding others with it.
Publish a financial planning sheet.
Make a poster to sick on desk for financial goals. Make it downloadable on your website.
Write an ebook to share ways beginners can start investing, according to you.

Need some help? Tell me about your next project on Instagram @digvijaysrathore
https://instagram.com/digvijaysrathore

How to make a Telegram bot using Node JS?

Digvijay Singh Rathore — Mon, 11 May 2020 09:30:49 +0000

As I recently released a telegram bot, I got frequently asked about a tutorial. I think, it's probably easy to code something when you get the right documentation but I faced hard time learning how to build telegram bots using node js. So here's a quickstart tutorial. I am going to use Telegraf API for it, I found it the easiest. Though you can try others as shown on telegram.org.

Register a bot.
Telegraf API
Deployment.

Firstly, open telegram and search for BotFather (yes, it's a bot). BotFather will be used to manage, register and edit all your bots. Type /newbot to start the procedure of registering your first bot. Give required information, choose the username wisely, though you can edit the rest later. At the end of it, BotFather will provide you with the token to send https requests, save that somewhere.

Now bootstrap a new Node JS project and based on your requirements/proficiency add the libraries. Install the Telegraf NPM package by "npm i telegraf". It's time we write some code!

Copy/paste the code below.

const telegraf = require('telegraf');
const bot = new telegraf('----YOUR--TELEGRAM--TOKEN----');

Now you have initialized your script to talk to the bot associated with the token. Quickly, enter the below given code to your code editor and read the comments to understand it.

bot.start((ctx) => ctx.reply("Hello your are talking to king of all bots!"));
//the above line runs when a user interact with the bot for the first time or //type /start. Everything that goes into ctx.reply("message goes here") will be //sent as a message to the user by the bot.
bot.hears('hello', (ctx) => {
ctx.reply("Heyya! I am the kind.")
});
//bot.hears waits for the user to pass in a keyword that triggers a message or //action by the bot. It accepts the first parameter to be a keyword and then an //arrow function which has ctx.reply

Amazing, now we have a bot that sends some message when starts and reply on the work "hello". You can test it by doing "npm start" and trying the keywords in telegram. Works fine? Good.

Till now, we were hosting the bot locally but we want anyone to access it anytime. So now we need to deploy it to some cloud servers. Heroku is a free service that lets you host your Node JS projects.

Just create a github repo, connect to heroku and deploy. Simple and obvious steps. Once the code is deployed, anyone can talk to the bot because the script refers to the bot on the access token.

Congratulations! You just made your first telegram bot using node js and deployed it. Ask me on Instagram if you are stuck somewhere or just leave a tweet.
Instagram - https://instagram.com/digvijaysrathore
Twitter - https://twitter.com/novadigvijay
Know about my telegram bot - https://newstelegraph.netlify.app
Use my bot - https://t.me/NewsTelegraphBot

What Are Single Page Applications? And Difference Between SPAs & Multi Page Apps.

Digvijay Singh Rathore — Mon, 11 May 2020 08:54:15 +0000

What Are Single Page Applications? And Difference Between SPAs & Multi Page Apps.

Digvijay Singh Rathore — Wed, 01 Apr 2020 06:46:58 +0000

Meaning of SPAs.
How SPAs work.
How different pages are visited.
What role do React play.
Versus how MPAs work.

You might have got attracted to this post while following some React JS course or any other framework like that. Single Page Application... well, that's confusing. As a beginner, I initially had this wrong notion that SPAs means "my visitors will only get to see one page", WRONG!

HTML goes first to the browser... it then loads your script, CSS, etc. What typically happens in a SPA is that we have only one html file, index.html (just the naming convention). This html file then loads up rest of our components.

Hmm.. you still didn't understood how exactly the user gets to visit different routes or page. The only html file in our application have a 'root' ID (refer to image1 below). This root is populated using simple javascript document.getElementById('root') in a JS file (refer to image2). This JS file has routes for all the components we have to load.

Okay so now that we know how the SPA work, having a single html template. B.. but how exactly different pages are navigated and fetched in SPAs and Multi Page Applications and what role to React play?

Single Page Applications (SPA) :-

Once the visitor hits our single html template on the server, React takes over and control what content has to be displayed based on the routes visited that is /contact /about or any other destination like that. Let me simplify, React forms a DOM (Document Object Model) and saves it to the memory, virtual DOM. This DOM forms a structure of documents to be displayed considering the destinations visited. This DOM might be influenced based on whether the user is signed in or out and a lot more things like that.

Multi Page Applications (MPA) :-

In a Multi Page Application we have different html templates for every page. In sense, a different html page is loaded for every destination.

Thank you! If you liked my post, please let me know on Instagram @digvijaysrathore or Twitter @novadigvijay