Forem: Armaan Jain

How I Connect Firebase with Flutter in just 2 minutes!

Armaan Jain — Mon, 13 Jun 2022 02:55:36 +0000

Firebase just came out with an awesome new way to connect to Flutter Quickly.

Why should I use new method to connect Flutter with Firebase?

There are Three main reasons for which you should switch to the new method -:
- Much Easier to Integrate
- No need to add files in Xcode and Android folder
- Saves a bunch of Time

How can I Integrate this new way?

It is Easy and Simple and you just need to follow these steps -

1. Go To Your Firebase Console and Create a New Project

2. Give a Title to your new Project

3. Create and Click the new Flutter Icon

4. Download Firebase Cli

- Open Terminal
- Paste This Command
- Press Enter

curl -sL https://firebase.tools | bash

5. Login Through Terminal

Paste This Command
Login through your Firebase Account

firebase login

6. Open your Flutter project

Paste and Run this Command in Terminal of your project
1.

dart pub global activate flutterfire_cli

export PATH="$PATH":"$HOME/.pub-cache/bin"

7. Enter Command to Configure your Project

flutterfire configure --project=$your firebase project Id

Now Select platforms you want to configure firebase for…

8. Add Latest Version of Firebase_Core as a dependency to Pubspec.yaml

Congratulations!!
You Integrated Firebase into you Flutter Project in just 2 mins
I Hope You Enjoyed the Process 😄

Follow Me For More Such Content

These Incredible Chrome Extensions Are A Boon To Every Developer!

Armaan Jain — Tue, 31 May 2022 04:28:14 +0000

Extensions are software modules that lets you customise your browser in many ways. They can help you -
speed up your browser
block annoying ads
Protect your privacy online and much more.

Here's a curated a list of Incredible Chrome Extensions for Software developers -

1. Wappalyzer - Technology profiler

https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg?utm_source=chrome-ntp-icon

Ever Curious about what Tech Stack a Famous Website is using? Me too.
This Incredible Chrome Extension have 1 Million + Users and it lets you know everything about a website including but not limited to -
CMS
Framework and E-commerce Platform
JS Libraries

2. daily.dev | The Homepage Developers Deserve

https://chrome.google.com/webstore/detail/dailydev-the-homepage-dev/jlmpjdjjbgclbocgajdjefcidcncaied?utm_source=chrome-ntp-icon

This Awesome Extension is highly addictive…. once you start using it then there is no stopping

daily.dev is the fastest growing online community for developers to stay updated on the best developer news. Get all the content you love in one place collected from +400 sources.

It lets you -
Stay up to date with the latest Tech news
Bookmark Articles
Discuss with other devs about Hot Topics
Follow tags and much more

And if that's still not enough… they provide you with Custom Dev Card that you can share and even attach to your Github Profile

3. Blackbox - Select. Copy. Paste & Search

https://chrome.google.com/webstore/detail/blackbox-select-copy-past/mcgbeeipkmelnpldkobichboakdfaeon?utm_source=chrome-ntp-icon

Isn't it tough to write code along a tutorial? Well, I have got a solution
Blackbox lets you copy any text from Images, PDFs, Videos and much more
At first… I didn't believe in it either but when i started using it… I was amused to see how accurate this tool is. This extension has saved me a lot of hours and I hope it does the same for you 😄

4. Svg-grabber - get all the svg's from a site

https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg?utm_source=chrome-ntp-icon

This awesome chrome extension lets you Quickly preview and copy or download all the SVG assets from a website.
I don't need to explain much about this tool as it is pretty Simple and Easy to Use

5. Lighthouse

https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?utm_source=chrome-ntp-icon

Lighthouse is a huge chrome extension with 800k + Users… an open-source, automated tool made for Developers and helps in improving your website by informing you about its-
performance
quality
Accessibility
SEO

Not only that but it also tells you How to get rid of your Website's Flaws and Increase its Performance and Reach

6. JSON Viewer

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?utm_source=chrome-ntp-icon

JSON Viewer is an astounding lightweight tool that helps you by showing APIs in a human readable JSON format and even provides you with Multiple themes.

7. ColorZilla

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?utm_source=chrome-ntp-icon

ColorZilla, one of the most popular Chrome developer extensions with over 3 Million + downloads
ColorZilla provides you with -
Eyedropper - get the color of any pixel on the page
Advanced Color Picker (similar to Photoshop's)
Webpage Color Analyzer - get a color palette for any site
Ultimate CSS Gradient Generator

8. WhatFont

https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?utm_source=chrome-ntp-icon

This developer tool informs you everything about the text you hover on… It is the easiest way to find out what font a website is using
This is especially useful whenever you find a website that uses a beautiful font that is not on the list of standard fonts pre-installed on your OS.

9. Image Downloader

https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj?utm_source=chrome-ntp-icon

This Simple but Awesome Chrome Extension with 1 Million + Users, allows you to Download all Images and GIFs from any website

I Hope You Enjoyed this List 😄
Comment Down any 3 of your Favourite Chrome Extensions 👇🏻

Follow Me For More Such Content

How I made my Github profile stand out !

Armaan Jain — Tue, 24 May 2022 07:29:55 +0000

GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
For the past decade, Github has been heavily used for open-source collaborations, developer communities and code inspiration.

Here’s a Sample Github profile

https://Github.com/Developing-Gamer

Why you need to build an Exceptional Github Profile ?

There are three major reasons to build an exceptional Github profile -:

It works as a Resumé
It shows your Knowledge and Skills to Recruiters
It helps in connecting with other Developers

Choose a Github profile Readme Generator.

There are several readme generators online like
https://rahuldkjain.github.io/gh-profile-readme-generator/
https://share.streamlit.io/rahulbanerjee26/githubaboutmegenerator/main/__init__.py
but personally i prefer https://gprm.itsvg.in because README file generated using it is way more attractive than others i mentioned.

1. Enter your Github Username.

2. Fill up your About section.

3. Select from 43 different Themes and customise your Github stats.

4. Add Usernames for your Socials.

5. Select Skills and Technologies you use often.

6. Add Usernames for Donations.

I don’t take any donations so i am gonna leave it empty but i suggest you to Donate to Vishwa Gaurav, the creator of this awesome website.

7. Add Additional details to make your profile more Attractive.

Add Github Trophies, i didn’t add them because mine aren’t very pleasing to view 🥲
Add Visitor Count
Add Random Dev Quotes and Random Memes, This can potentially show that you are a hilarious person to be around and work with.

8. Now go ahead and Copy Code.

9. Create new Github Repository.

Name this repository same as your Github username
Make sure to keep it public and don’t forget to click on checkbox for “Add a README file”

10. Click on Edit README.

11. Edit, Customise & Preview your README.md.

12. Commit changes with a commit message.

Congratulations!! 🎉🎉
Now you have your very own Exceptional Github Profile
I Hope You Enjoyed the Process 😄

Follow Me For More Such Content