Tools I use from design to deployment, testing and analytics
In the previous blog, we came to know the flow of building a full-stack application. Throughout building an application we use so many tools that makes our life easy. So in this blog, I will share all the tools I use from setting up the stage to submitting your site to search engines.
Let's get started
Note: I will keep updating this article.
Setting up includes IDE, planning the project, and management app.
- All rounder VSCode
- Notepad++ for quick editing.
Planning the project
- ClickUp is amazingly useful for project management. It has lots of features and a great UI.
- I am not yet into Linux, so for now I use Windows for development.
As I am not into UI/UX I use UI kits or simply take inspiration from dribbble, Behance, etc.
Then I use Figma to customize those designs according to my needs.
Branding includes deciding on a color palette, font family, logo, etc.
- Colorhunt for colour inspiration.
- Google fonts for fonts.
- Canva to create designs and to manage all the brand assets.
- Git - version control tool.
- GitKraken for everything git.
- npm to manage node packages.
- StackOverFlow to find solutions for common issues.
I primarily use two browsers.
Responsively for responsive design.
Frontend checklist for everything frontend.
React dev tools to test react components.
Debug CSS to test alignment of elements
Backend and database
- Sendgrid + Nodemailer to send emails.
- MongoDB Compass to test MongoDB data locally.
- DB Browser to view sqlite data locally.
- Github actions for CI/CD.
- More coming soon...
- Google search console to get indexed on google search and also to track performance, find issues, etc.
- Bing webmaster tools to get indexed on bing search
- Google page speed insights to test how fast my website is.
- Lighthouse to test page quality.
- Google Analytics to track details like the number of website visitors, which pages are getting popular, and how far my website reached.
- Microsoft Clarity - this thing has even more features like heatmaps where you can see where the users are clicking.
What is the one tool you can't live without (Apart from VSCode)? Comment below.
LEAVE A COMMENT OR START A DISCUSSION
12 min read
Let's build and deploy a full stack MERN web application
I am sure that when you first begin learning full stack web development using the MERN stack, you will have questions like "What is it like to build a full stack application?" What exactly are frontend and backend? How do we connect them? Is there any magic? etc., So I'm writing this tutorial to address your queries and show you how to build a full-stack web application.
3 min read
What are dApps? How they are different from normal apps?
Have you heard of decentralized applications, often known as dApps? They're definitely one of the most important concepts in the blockchain ecosystem, but they're not something that everyone has heard of. There are numerous myths surrounding dApps, and from a technical standpoint, they are vastly different from your typical app. Let's figure out exactly what dApps are.