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
5 min read
Hiring Angular Developers in 2023: Insider Tips & Strategies
Does your company struggle to create a modern, high-performance, cross-platform web app? Do you desire cost-effective development without compromising future software quality? Many web development teams utilize Angular to build complicated single-page apps. Hiring Angular programmers is difficult.
8 min read
How Feature Flags Can Help You Ship Faster and Smarter?
Are you tired of long development cycles and hesitant to push new features to production? Feature flags may be the solution you're looking for. In this blog post, we'll explore how feature flags can streamline your development process, reduce the risk of errors, and give you more control over the features you release to your users. From testing new features to rolling out changes to a select group of users, feature flags can help you do it all. Keep reading to learn how you can start using feature flags in your development workflow today.