I like writing tech blogs, hosting tech spaces on twitter and building products!
Find me on -
Technologies I've Worked With
A Few Projects
An admin panel, with a few dashboard screens. Fully responsive, made with Quasar and Echarts.
The same admin panel, converted into an android app using cordova and capacitor.
An application to manage Recipes, made with Angular. Firebase is used for auth, hosting and storage.
A simple stock trading website, made with vue and deployed with s3. Firbase is used for storage.
An application to made with react to view crypto and related news. Ant Design and RapidAPI is used.
A real time chat application made with react and socket io. Deployed with Netlify.
Tailwind is an amazing CSS framework and is growing at a rapid pace. Here are some UI kits to help you make great designs. <br/><br/> # 1 - Tail-Kit ![Tail-kit](https://pbs.twimg.com/media/E_3RFBGUUAEwVcW?format=jpg&name=medium) Contains a lot of ready-to-use components with some templates! It's open-source! <br/> Link - [Tail-kit](https://www.tailwind-kit.com/) <br/><br/> # 2 - Wicked Blocks ![Wicked Blocks](https://pbs.twimg.com/media/E_3StMHVcAEneRb?format=jpg&name=medium) Provides a variety of blocks like page sections, forms, navigation, and much more. This is a project by wickedtemplates. <br/> Link - [Wicked Blocks](https://blocks.wickedtemplates.com/) <br/><br/> # 3 - Tailblocks ![Tailblocks](https://pbs.twimg.com/media/E_3UOEnVIAcWb72?format=jpg&name=medium) It gives you a good number of ready-to-use blocks made with TailwindCSS. The best part is, you can view the blocks with different colors and different devices on their website itself. <br/> Link - [Tailblocks](https://tailblocks.cc/) <br/><br/> # 4 - Daisy UI ![Daisy UI](https://pbs.twimg.com/media/E_3edVQVgAUe6Dh?format=jpg&name=medium) Dasiy UI can be installed like any other dependency. It gives you bootstrap-like classes to use with your HTML. This makes it a lot cleaner because there are fewer classes present. It gives you multiple themes and is very to use. <br/> Link - [Daisy UI](https://daisyui.com/) <br/><br/> # 5 - Tailwind Mobile ![Tailwind Mobile](https://pbs.twimg.com/media/E_3p-d4UcAcAeyE?format=jpg&name=medium) This provides you with neat components specifically for mobile development. It has both ios and material components for React, Vue, and Svelte. The docs are there just for React yet. Also good to go with cordova and capacitor. <br/> Link - [Tailwind Mobile](https://tailwind-mobile.com/) <br/><br/> # 6 - VueTailwind ![VueTailwind](https://pbs.twimg.com/media/E_3VOI9VcAsUfEs?format=jpg&name=medium) You can use this as a dependency in your Vue project. It provides you custom vue components made with tailwind, which are customizable and have their own props too. You can even build a custom theme before installing it. <br/> Link - [VueTailwind](https://www.vue-tailwind.com/) <br/><br/> # 7 - Kutty ![Kutty](https://pbs.twimg.com/media/E_3Ws-KVEAcoyof?format=jpg&name=medium) It is a tailwind plugin for building web applications. It has a set of accessible, reusable, and clean components. <br/> Link - [Kutty](https://kutty.netlify.app/components/) <br/><br/> # 8 - Lofi UI ![Lofi UI](https://pbs.twimg.com/media/E_3X5LYUYAcKiOJ?format=jpg&name=medium) It's a little different, you can even get graphs and calendars here. <br/> Link - [Lofi UI](https://lofiui.co/) <br/><br/> # 9 - Kometa UI Kit ![Kometa UI Kit](https://pbs.twimg.com/media/E_3ZKZPVQAwda5H?format=jpg&name=medium) Gives components and sections like blogs, stats, and more. It also provides the code in Vue and React along with HTML. <br/> Link - [Kometa UI Kit](https://kitwind.io/products/kometa/components) <br/><br/> # 10 - Treact ![Treact](https://pbs.twimg.com/media/E_3adhpVEAgjfxU?format=jpg&name=medium) Treact gives you responsive pages and components built with Tailwind for React! <br/> Link - [Treact](https://templatana.gumroad.com/l/QaruQ) <br/><br/> # 11 - gust ui ![gust ui](https://pbs.twimg.com/media/E_3b7eLVgAgGqSZ?format=jpg&name=medium) It has a different theme than what we usually see in other tailwind kits. It looks very clean and easy to use with a number of pages, elements, and components. You get the code in react along with HTML. You can even check the different screen looks on the website. <br/> Link - [gust ui](https://www.gustui.com/) <br/><br/> # 12 - Meraki UI ![Meraki UI](https://pbs.twimg.com/media/E_3cvkVVcAc4w4g?format=jpg&name=medium) This kit gives you a few important components which are responsive. The dark mode here is impressive. <br/> Link - [Meraki UI](https://merakiui.com/#main) <br/><br/> Here is a Twitter thread on the same: %[https://twitter.com/arorachakit/status/1440575554722271236] Thank you for reading! I hope it was useful.
Recently a lot of people got access to Github Copilot, I was one of those who got it. I was on the waiting list for a very long time, and trust me I was dying to use it after all the good stuff already heard. Github Copilot is an AI pair programmer developed by Github and OpenAI. The deep neural network model for Copilot is trained on public code repositories on GitHub. It helps you by giving suggestions for the code you might wanna write. I am seriously amazed by the performance, it is just amazing. It is really smart and exactly knows what do you wanna write most of the time. You can just write a comment, hit enter and it will suggest you the code. I am using it for over a week now and I find it really great. It picks up your coding style, your variables, and your way of writing. So, I was entering mock data into the database with a script. And I was hardcoding the data for it. I was making objects for the entries. ![pexels-andrea-piacquadio-3760809.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1636220257324/eReFid3I5.jpeg) I was inserting those objects to MongoDB. Then using the inserted ones for further data. And I was shocked at how fast Copilot picked everything. After a few lines, I wasn't writing. I was just hitting tab, I was changing the variables name a few times. But that didn't bother me. The other thing is that it was evening changing the numbers, if I had a cost somewhere for a certain size and I tried to change the size in another object, it automatically changed the cost. It was even suggesting me the units. I was writing some pipelines for MongoDB, and I was using FastAPI. It even suggested to me the complete pipelines, with insertion, retrieval, and whatnot. This made me cry, haha! The crazy thing is there were situations that require me to Google usually for the syntax because I don't remember the syntax but, it suggested me such a good piece of code using my variables and my style that didn't Google. This is such a great thing, It even helped me with improving my own code, the suggested code was great and after a few suggestions, I had so much faith that I wasn't even checking the code thoroughly. I trust Github Copilot now and it is seriously reducing my efforts and making my work significantly faster. Now the question arises, if this is a good thing or not. This is tricky, but I think it is good. People can have a lot of different perspectives. Some say creativity might end, that can happen. I am not really sure. But one thing I am certain of is, it is a beginning of a new era. I wasn't believing this before using it, but I feel the power it has after using it. There are great things coming in near future and the future is bright! Thank you for reading! Let me know if you liked it.
What is docker and why everybody is using it? A thread. "But it works on my machine!" We all heard this, and we all face this problem in our daily lives. There are times when a few or lot of people are working on an application, and it often happens that it works on a machine and not on the other one. Setting up an application on a new machine is always a pain, there are so many things involved. Even during running the tests, it happens a lot. This is the easiest and most used way to explain what docker is and how it is beneficial. I will try and explain it without using a lot of technical terms. Docker is an open-source containerization platform. Docker uses a thing called containers. This is completely different than a Virtual Machine. A Virtual Machine comes with its own Operating System. And for each app, you need a new virtual machine. On the other hand, docker containers can use the same host's kernel. A container is something that is just bundled up with all the requirements for your application and can be shipped anywhere. It's an isolated environment for your application. It is a form of virtualization but has a lot more benefits. You can literally run it on any machine! The other important thing to understand is docker image. A way to understand it is like classes and objects, where a class is an image and an object is a container. The images are used to run containers. Docker hub contains a lot of common images, you can even build your own. Let's take an example to see what and how it all works. Consider you decided to go with MongoDB for your existing application. Now you will need to download and install MongoDB. You can set it up with a database and a password including some collections. Now the other thing you can do is pull up the image for MongoDB from docker hub, and run a container with that using the same configurations you can do for a normal one. Now, this way you have MongoDB running on your machine without even installing it. This comes to a lot more significance when you need multiple things like MongoDB. Maybe you need redis, a python env, nginx, and a SQL DB too! What you can do is, take all the images and build containers. Docker gives you a tool named docker-compose to build and start multiple containers at once. You can define all the config in one file mentioning what all you need and booom! Use that anywhere. Use that on any machine and you don't need to do messy installation every time. Docker gives a lot more features like volumes, networks, etc. Volumes are so that you can have a specific place at your machine to store your data. In our case may be to store the data for mongoDB, so that whenever we stop, delete or make a new container we can use the same data. Docker allows you to even make different networks. So that one container can communicate with the other one easily. You can have multiple networks for a particular application regarding the needs. Docker is a great solution. It can be a little tricky at the start but is of a great use. A lot and lot of companies and projects nowadays use docker to make everything better and easy!. It's very exiciting. And as always - You cannot avoid it for long! ### Thank you so much for reading, I hope you liked it. If you have any questions or suggestions, please leave a comment below or feel free to reach out.