Forem: Aswin Barath

DIGITS: NVIDIA's Personal AI Supercomputer

Aswin Barath — Fri, 10 Jan 2025 07:27:45 +0000

In a world where artificial intelligence is rapidly becoming part of everyday life, NVIDIA has once again taken center stage with an exciting new development: Project DIGITS. Announced at CES 2025 by CEO Jensen Huang, DIGITS aims to give creators, developers, and enthusiasts a compact AI supercomputer that’s as user-friendly as it is powerful. Here’s everything we know from the official sources and how it could revolutionize personal AI computing.

Disclaimer: This story was written with the assistance of an AI writing program called ChatGPT.

What Is DIGITS?

According to NVIDIA CEO Jensen Huang’s Keynote at CES 2025 (see transcript below), DIGITS is the culmination of over a decade of research that began as “Project DIGITS” but later evolved into the “DGX” series for enterprise AI computing. Now, NVIDIA is returning to its roots by unveiling a personal AI supercomputer that runs the entire NVIDIA AI stack, offering:

Compact Design: Smaller and more accessible than ever before.
Cutting-Edge Hardware: Powered by the GB110 chip—NVIDIA’s smallest “Grace Blackwell” GPU—paired with a custom CPU built in collaboration with Mediatek.
Plug-and-Play AI: Designed to be used as a “cloud supercomputer” on your desk or as a local Linux workstation for AI tasks.
Seamless Integration: Supporting NVIDIA’s full suite of AI frameworks and capable of linking multiple units for larger workloads.

Key Takeaways from Jensen Huang’s Keynote

In Huang’s words, “Everybody who uses computers today as a tool will need an AI supercomputer.” This underscores the vision behind DIGITS: AI should be as commonplace in the professional landscape as a laptop or smartphone. Previously, AI supercomputers like DGX-1 were large and out of reach for smaller teams and individual creators. With DIGITS, you can:

Unbox and Deploy: No need to build a specialized facility or tinker with complicated infrastructure.
Scale Up: Connect multiple DIGITS units using high-speed networking technology such as ConnectX and GPUDirect.
Stay Versatile: Whether you’re using a PC, Mac, or any other platform, DIGITS can be accessed wirelessly or through a workstation configuration.

“This is the new way of doing software,” Huang emphasized, reminding the audience how AI and deep learning are reshaping software development across industries.

Why It Matters

Democratizing AI: DIGITS could empower entrepreneurs, small research labs, and even hobbyists with supercomputer-level horsepower in a user-friendly package.
Ecosystem Compatibility: Because it integrates seamlessly with NVIDIA’s AI tools and cloud services, you can leverage existing deep learning frameworks like TensorFlow, PyTorch, and more.
Future-Proof: As AI technologies and workloads expand, the modular nature of DIGITS (plus the ability to combine multiple units) means you won’t be left behind.

Official Images and Sneak Peeks

Below are some official visuals provided directly by NVIDIA’s YouTube channel and website:

Screenshot: DIGITS screenshot from NVIDIA’s official teaser video
Source: NVIDIA YouTube channel

Photo: An exploded view of Project DIGITS
Source: NVIDIA’s website

Photo: DIGITS placed near a desktop
Source: NVIDIA’s website

These images showcase DIGITS’ compact design, modular internal architecture, and how it can be conveniently placed alongside a typical workstation setup.

The Road Ahead

Huang announced that DIGITS is “in full production” and is expected to be available around May. Given NVIDIA’s track record for delivering powerful hardware (as seen with the original DGX-1 that catalyzed AI breakthroughs), the anticipation is high for this more accessible version. If you’re a developer, data scientist, or creative professional who wants a personal AI workhorse, keeping tabs on DIGITS’ release timeline is a must.

Full Transcript Reference

For those who want the complete context, here’s a snippet from NVIDIA CEO Jensen Huang’s Keynote at CES 2025 (official NVIDIA YouTube channel):

“…none of this would be possible if not for this incredible project that we started a decade ago inside the company called Project DIGITS… And now artificial intelligence is everywhere… every software engineer, every creative artist, everybody who uses computers today as a tool, will need an AI supercomputer…”
“…if you use PC, Mac, you know anything… it’s a cloud computing platform that sits on your desk… you could also use it as a Linux workstation if you like…”
(For the full transcript, see the original video at this link).

Final Thoughts

DIGITS might just be the device that turns AI from a specialized tool into a universal commodity. Whether you’re a software engineer experimenting with generative AI models or a content creator seeking new ways to generate media (like myself), this personal AI supercomputer promises to harness the power of data and accelerate your workflows.

If you’ve been waiting for a more compact, ready-to-go AI solution, Project DIGITS could be the breakthrough. Stay tuned for further updates as NVIDIA moves closer to the official release. With any luck, we’ll see more “digits” in the hands of developers, researchers, and creatives worldwide—truly bringing AI supercomputing to the masses.

Sources Cited

Transcript: NVIDIA CEO Jensen Huang Keynote at CES 2025, Official NVIDIA YouTube Channel (Watch here)
Images & Teaser: Screenshots and photos of Project DIGITS from NVIDIA’s official teaser video and website

Who Am I?

I’m Aswin Barath, a Software Engineering Nerd who loves building Web Applications and sharing my knowledge through Blogging
Connect with me Socials (Linktree)

Google Chrome's New UI Refresh 2023 (I love it!)

Aswin Barath — Wed, 08 Nov 2023 04:46:26 +0000

Lately, I noticed Chrome's look got neater, similar to Windows 11 and Mozilla Firefox. But then, it disappeared.

I followed a blog to bring it back, and I'll share an easier version of those steps while giving credit to the original author. You can find the detailed guide in the original blog linked below.

But before that, let me tell you more about this change!

Have you heard about the upcoming Chrome Refresh 2023 (CR23) update?

Google is set to give its popular browser a fresh look, and we're here to guide you on how to enable these exciting visual changes in your Chrome browser. It's reminiscent of the sleek design elements seen in Windows 11, offering a cleaner and more modern browsing experience.

What's New in CR23:

Material You Design: Chrome is embracing the "Material You" design language, familiar to ChromeOS and Android users, to bring a more refined look to Windows 11, 10, macOS, and Linux.
Enhanced Toolbar: The top toolbar now boasts larger buttons and rounded corners, adding a touch of elegance.
Address Bar Redesign: Buttons within the address bar have received a fresh design, including share and site information buttons.
Revamped Main Menu: The main menu has undergone a facelift, introducing new icons for easier navigation and a dedicated menu for managing tabs, now located on the left side.
Dynamic Color Scheme: Chrome is working on a feature to automatically adapt its colour scheme based on your wallpaper, much like Android's feature. Users can enable this option manually.
Mica Material Integration: The integration of Mica material aligns Chrome's design language with Windows 11.
Customization Options: Soon, you'll be able to personalize the look and feel of your browser by matching Chrome's colour accent with Windows 11's theme (currently available in the Canary Channel).

Credits: MAURO HUCULAK's Blog

How to Enable CR23:

Open Google Chrome (version 117 or higher).
In the address bar, enter: chrome://flags/#chrome-refresh-2023 and select the "Enabled" option.
Enter: chrome://flags/#chrome-webui-refresh-2023 and select the "Enabled" option.
Enter: chrome://flags/#customize-chrome-side-panel and select the "Enabled" option.
(Optional) Enter: chrome://flags/#omnibox-cr23-expanded-state-height and select the "Enabled" option.
(Optional) Enter: chrome://flags/#omnibox-cr23-expanded-state-shape and select the "Enabled" option.
Click the "Relaunch" button.

Credits: MAURO HUCULAK's Blog

With these simple steps, you can experience the new visual elements that Chrome is set to roll out in 2023, including a customizable Side Panel to enhance your browsing experience.

For a more detailed guide, be sure to check out the original blog post by Mauro Huculak over here: https://pureinfotech.com/enable-new-ui-refresh-2023-chrome-preview/.

How I Found a Front-End Bug on Spotify's Mobile App: Bug Bounty and Beyond

Aswin Barath — Tue, 07 Nov 2023 19:52:40 +0000

Introduction:
Have you ever come across a minor issue in an app or a website and thought, "I should report this"? That's exactly what happened to me when I stumbled upon a front-end bug in Spotify's mobile app. This blog will take you through my bug-hunting journey, the bug itself, my motivations, and the opportunities it uncovered.

Section 1: The Bug Discovery
It all began when I noticed something amiss in Spotify's Premium user interface. A tiny glitch that might escape the eye of many but can have a significant impact on user experience. Let's take a closer look:

Bug Screenshot:

This visual anomaly was a misplaced <br>/ instead of <br/> in the code. To the untrained eye, this might seem trivial, but as a front-end engineer, I couldn't let it go unnoticed. Small details matter in design, and this bug was a testament to that fact.

Section 2: Reporting to Customer Support
I decided to report this bug directly to Spotify's customer support, thinking they might appreciate the attention to detail. Here's how the conversation went:

https://x.com/AswinBarath2/status/1721972258791432435?s=20

Engaging with customer support was an important step. It highlighted the role of user feedback in software development. Our conversation demonstrated Spotify's dedication to listening to its users' concerns.

Section 3: The Bug Details
Now, let's delve deeper into the bug itself, as explained in my tweet:

The bug involved a <br> tag, a line break in HTML, that was supposed to be invisible to users but was erroneously visible as <br>/. Moreover, the word "for" was missing in the context of the Premium Individual plan.

Such small discrepancies can be confusing for users, particularly those who aren't tech-savvy. This highlights the importance of meticulous coding and design in software.

Section 4: Why I Reported It
As a front-end engineer, I understand the significance of an optimal user experience. Even minor issues can affect how users perceive a service. That's why I promptly reported the bug. I believe in crafting seamless experiences, and this bug needed fixing.

Section 5: The Opportunity
Reporting the bug wasn't just about spotting an issue; it was also about seizing an opportunity. Here's how I expressed my intentions in a tweet:

I'd be thrilled to contribute further to Spotify and potentially join their team. If the opportunity arises, my email address is aswin2001barath@gmail.com. Exploring such opportunities is an exciting prospect for any developer.

Section 6: Creating Social Proof
Beyond the bug report, I aimed to create a social proof of my bug-reporting skills by sharing this journey on Twitter. It's not just about Spotify; it's about inspiring fellow developers to be vigilant and proactive when they encounter issues in the software they use.

Section 7: The Benefits of Fixing the Bug
Resolving this bug isn't just about cosmetics. It's about improving user experience, reducing confusion, and delivering a higher quality service. Even the tiniest bug fixes can have a profound impact on a product.

Section 8: Addressing Security Vulnerabilities
Moreover, bug reporting isn't limited to user experience; it can also contribute to enhanced security. Bugs are sometimes a window for vulnerabilities. By identifying and reporting them, we help create a safer online environment for everyone.

Section 9: Showcasing Your Resume
If you'd like to explore my qualifications and experience, you can find my developer profiles over here: https://linktr.ee/AswinBarath
I'm ready and eager to embrace new career opportunities.

Section 10: Conclusion
In conclusion, this journey is not just about a bug report but about the broader impact of vigilant users who take the time to provide feedback. I appreciate Spotify's quick response and hope this bug will be addressed soon.

I invite you to engage with my Twitter thread for a concise overview. Thank you for joining me on this bug-hunting adventure, and let's make the web a better place together!

Closing Thoughts:
If you've ever spotted a bug in an app or website, consider reporting it. Your keen eye and attention to detail can make a difference. Keep an eye on your surroundings, for you never know where opportunities may arise.

References:

Twitter Thread: https://x.com/AswinBarath2/status/1721972731032285530?s=20

SSH into a DigitalOcean Droplet using Password Authentication

Aswin Barath — Thu, 19 Oct 2023 18:43:22 +0000

Are you someone who is a junior developer struggling to climb up the corporate ladder and become a senior developer?

Are you a full-stack developer who feels lost and doesn't know where to start? 🤔

Well, you are in the right place! 😎

Why learn SSH?

SSH plays an important role in secure remote communication. By familiarizing yourself with SSH basics, its commands, encryption methods, SSH key management, and applying SSH for real-world applications, you're well on your way to becoming a Senior Developer.
Check out my previous blogs: SSH 101 and SSH Command to learn more about What is SSH, Commonly known protocols, SSH in comparison with HTTPS and SSL, Significance of SSH and SSH command.
In this blog, I will use my SSH skills by connecting my local computer to a cloud service provider such as DigitalOcean. This hands-on experience will help solidify your understanding of SSH concepts.

Demonstration: Spin up a Droplet on DigitalOcean

Visit DigitalOcean which is a cloud service provider that gives us servers for a really cheap price. Sign up and get a $200, 60-day credit to try their products using this link: https://m.do.co/c/201036484da7

Go to Droplets in the prodcuts section and create a Droplet. Droplet is DigitalOcean's version of the server we can purchase. It's sort of a nickname, I guess.

Then, you will be greeted with the Droplet set-up page. Here, first, you will be asked to choose a Region, where the Datacenter will be located. Here select a region that's closest to your location. In my case, it's Bangalore.

Choose Ubuntu as the Server Image. Ubuntu is an Open-source Operating System built on top of Linux. Most servers out there in the world use Ubuntu as the standard Operating System.

Now, Choose a CPU size. My advice is to choose the cheapest size for this demonstration. In my case, I chose the Basic plan as the Droplet Type, which is a shared CPU.

For CPU options, I chose the Regular Disk Type: SSD and $6/month plan. You can do the same, as this much CPU is more than enough for this demonstration.

Now you can choose any of the two Authentication Methods: (1) Password Authentication or (2) SSH Key Authentication. I chose Password Authentication for the simplicity of this demonstration.

Next, you have to create a strong password for the root user of the Ubuntu Server Image.

Finally, you can provide a user-friendly hostname and Create a Droplet successfully.

Once the Droplet is created, copy the ipv4 address. Because we will use the IP address to connect with the DigitalOcean Droplet with an SSH connection.

Now open the terminal if you are using the MacOS or Linux OS, and Command Line (CMD) for Windows and type the SSH command in this format: ssh root@{ipv4 address}.

You will be asked if you want to connect, type yes. Then type the password correctly. I made a mistake in both of these steps which you can see evidently in the below screenshot.

As you can see, I successfully created an SSH connection with my DigitalOcean Droplet that's running a Ubuntu Server Image, in a very cheap shared CPU. How cool is that?

Running Linux Commands on the Ubuntu Server

Okay, now to convince you that I have actually connected to the Ubuntu Server running on the DigitalOcean Server, I'm going to run the following Linux Commands.

ls - Lists the files and folders in the current directory
whoami - displays authentication information for the current user
mkdir - used to make a new folder
cd - used to change the working directory

Finally, you can type exit to log out of the session and close the SSH connection with the DigitalOcean Droplet.

Make sure that once you play around with the Ubuntu server using SSH you log out and delete the Droplet using the Destroy button that you can see in the DigitalOcean Droplet Page.

Now you must have realized that using SSH, we can connect to this remote computer and run commands on it.
Using SSH, we can connect to any computer that allows for these SSH connections from anywhere in the world. How cool is that? 😉

What next?

Learn more about the following topics with the help of the resources provided at the end of this blog to solidify your knowledge in SSH

SSH Commands: One of the primary uses of SSH is to execute commands on remote computers. This means you can establish a connection to a server and interact with it using SSH commands.
Encryption: To truly grasp SSH, it's important to understand key concepts such as encryption, which involves both symmetric and asymmetric encryption techniques, as well as hashing. These concepts lay the foundation for a deeper understanding of SSH's security mechanisms.
SSH Keys: An integral part of SSH is the use of SSH keys. These keys consist of a public key and a private key. Learning how to generate, manage, and securely store these keys on the server is crucial for effective SSH usage.
Practice and Test your SSH skills:
- A great way to practice your SSH skills is by connecting your local computer to platforms like GitHub or cloud providers such as DigitalOcean. This hands-on experience will help solidify your understanding of SSH concepts.
- Imagine this scenario: "Your web application mysteriously disappears from the server overnight. Your task is to restore all project files onto the server using SSH." Successfully completing this task showcases your SSH skills and your problem-solving abilities. Basically, if you can do this, you're awesome!

Best Resources

Learn more about SSH with the help of the following short and concise resources:

Learn about how SSH works, and how to SSH into a server.
Learn a little about Symmetric and Asymmetric encryption as well as Hashing
Learn how to manage SSH keys

Learn more about the Junior to Senior Web Development Roadmap with the help of the comprehensive resources:

Junior to Senior Web Developer Roadmap Blog Series: A Blog series where I will be learning and sharing my knowledge on each of the above topics.
Don’t be a Junior Developer: The Roadmap From Junior to Senior: A detailed roadmap blog by Andrei Neagoie (a Senior Developer) with links to free resources.
Zero To Mastery Course: The Complete Junior to Senior Web Developer Roadmap Course: A comprehensive course by Andrei Neagoie (the same Senior Developer) that covers all of the above topics.

Who Am I?

I’m Aswin Barath, a Software Engineering Nerd who loves building Web Applications, now sharing my knowledge through Blogging during the busy time of my freelancing work life.
I'm also a Junior Developer like you learning how to become a Senior Developer and sharing my knowledge along the way.
Here’s the link to all of my socials categorized by platforms under one place: https://linktr.ee/AswinBarath

Thank you so much for reading my blog🙂.

SSH Command: Junior to Senior Web Dev Roadmap

Aswin Barath — Thu, 19 Oct 2023 17:31:40 +0000

Are you someone who is a junior developer struggling to climb up the corporate ladder and become a senior developer?

Are you a full-stack developer who feels lost and doesn't know where to start? 🤔

Well, you are in the right place! 😎

Why learn SSH?

SSH plays an important role in secure remote communication. By familiarizing yourself with SSH basics, its commands, encryption methods, SSH key management, and applying SSH for real-world applications, you're well on your way to becoming a Senior Developer.
Check out my previous blog SSH 101 to learn more about What is SSH, Commonly known protocols, SSH in comparison with HTTPS and SSL, Significance of SSH.
In this blog, I'll break down the SSH Command in detail and share 3 real-world use cases where SSH applies in Web Development.

SSH in practice

The example above shows a typical SSH prompt. Any Linux or macOS user can SSH into their remote server directly from the terminal window.
Windows users can take advantage of SSH clients like Putty.
You can execute shell commands in the same manner as you would if you were physically operating the remote computer.
Source: https://www.hostinger.com/tutorials/ssh-tutorial-how-does-ssh-work

SSH Command



ssh {user} @ {host}

In Simple Terms: To use SSH, you can just run the above SSH command with the {user} we want to reach the {host}, that is the computer's IP address we want to connect with remotely.
Using SSH, we can connect to any computer that allows for these SSH connections anywhere in the world.

SSH Command Breakdown

For example, consider this SSH command we observed in the above SSH prompt Screenshot.



ssh root @ 192.168.29.91

The SSH key command instructs your system that you want to open an encrypted secure shell connection.
user represents the account you want to access. For example: the root user, is synonymous with system administrators which provides complete rights to modify anything on the system. (which can be dangerous at times)
host refers to the computer you want to access. This can be an IP address (like the above example) or a domain name.

Once you hit enter, you can either use (1) Password Authentication or (2) Set up SSH keys, then you'll be greeted with a remote terminal window similar to the above SSH prompt screenshot.

3 Real-World Use Cases

SSH is a very important concept that not many talk about.
But as a Web Developer, you really need to understand because you will use SSH all the time in your career.
The following are 3 Real-World Use Cases of SSH in Web Development:

Connect with GitHub
- Connecting to GitHub is important for us to clone, push, and pull Repository files from their servers to your computer.
- When we clone any GitHub Repository from GitHub, we have two options: Use (1) HTTPS and (2) SSH.
- Using the HTTPS method you have to enter your GitHub username and password every time.
- Although, using the SSH method, once you create a personal access token for your computer and set up SSH keys, you don't need to enter your username and password every time.
- Hence, using SSH saves a lot of time when working with GitHub.
Remotely access another computer
- For example: let's say you're working from home (WFH) and you need to access your computer at work, you can just SSH into it.
- This provides a secure channel with your work computer.
Connect with production server
- For example: let's say your product or web app gets deleted by mistake from the production server. In such a scenario, all you have to do is the following:
- SSH into the production server with your computer,
- Clone the project files to the server again,
- Go through the production and deployment steps like npm intall, npm build, npm start and so on (Assuming it's a Node JS app) and get the app, up and running again.

What next?

Learn more about the following topics with the help of the resources provided at the end of this blog to solidify your knowledge in SSH

Encryption: To truly grasp SSH, it's important to understand key concepts such as encryption, which involves both symmetric and asymmetric encryption techniques, as well as hashing. These concepts lay the foundation for a deeper understanding of SSH's security mechanisms.
SSH Keys: An integral part of SSH is the use of SSH keys. These keys consist of a public key and a private key. Learning how to generate, manage, and securely store these keys on the server is crucial for effective SSH usage.
Practice and Test your SSH skills:
- A great way to practice your SSH skills is by connecting your local computer to platforms like GitHub or cloud providers such as DigitalOcean. This hands-on experience will help solidify your understanding of SSH concepts.
- Imagine this scenario: "Your web application mysteriously disappears from the server overnight. Your task is to restore all project files onto the server using SSH." Successfully completing this task showcases your SSH skills and your problem-solving abilities. Basically, if you can do this, you're awesome!

Best Resources

Learn more about SSH with the help of the following short and concise resources:

Learn about how SSH works, and how to SSH into a server.
Learn a little about Symmetric and Asymmetric encryption as well as Hashing
Learn how to manage SSH keys

Learn more about the Junior to Senior Web Development Roadmap with the help of the comprehensive resources:

Junior to Senior Web Developer Roadmap Blog Series: A Blog series where I will be learning and sharing my knowledge on each of the above topics.
Don’t be a Junior Developer: The Roadmap From Junior to Senior: A detailed roadmap blog by Andrei Neagoie (a Senior Developer) with links to free resources.
Zero To Mastery Course: The Complete Junior to Senior Web Developer Roadmap Course: A comprehensive course by Andrei Neagoie (the same Senior Developer) that covers all of the above topics.

Who Am I?

I’m Aswin Barath, a Software Engineering Nerd who loves building Web Applications, now sharing my knowledge through Blogging during the busy time of my freelancing work life.
I'm also a Junior Developer like you learning how to become a Senior Developer and sharing my knowledge along the way.
Here’s the link to all of my socials categorized by platforms under one place: https://linktr.ee/AswinBarath

Thank you so much for reading my blog🙂.

SSH 101: Junior to Senior Web Dev Roadmap

Aswin Barath — Wed, 18 Oct 2023 07:27:40 +0000

Are you someone who is a junior developer struggling to climb up the corporate ladder and become a senior developer?

Are you a full-stack developer who feels lost and doesn't know where to start? 🤔

Well, you are in the right place! 😎

SSH plays an important role in secure remote communication. By familiarizing yourself with SSH basics, its commands, encryption methods, SSH key management, and applying SSH for real-world applications, you're well on your way to becoming a Senior Developer.

What is SSH?

SSH is an abbreviation for the network protocol Secure Shell or Secure Socket Shell.
SSH is a protocol designed to establish secure communication between two computers.
In simple terms:
- a protocol is just a bunch of rules
- and SSH is a specific type of protocol, that provides a way for machines to communicate with one another.

Commonly known Protocols

The following are commonly known protocols that provide us with a way to connect two computers and have a shared agreement on how to communicate.

HTTP (HyperText Transfer Protocol) allows you to send files over the internet, like HTML, CSS and JavaScript files, between browsers and servers.
FTP (File Transfer Protocol) also allows you to send files and is often used when you upload files to hosting platforms (for example: Hostgater), from your computer.
HTTPS (HyperText Transfer Protocol Secure) is similar to HTTP, but it's encrypted. That means third parties can't read the files being transferred if they intercept the messages.
There are many other protocols that you can explore.

SSH vs HTTPS

SSH and HTTPS are both a form of secure communication as they're both encrypted.
A Web Browser uses HTTPS protocol to talk with servers and display websites.
A Shell uses SSH protocol to enable data exchange or communication between two devices, not just a browser and a server.

SSH vs SSL

SSH creates a secured network between computers that makes data transfer possible.
SSL, on the other hand, encrypts the data that’s being transferred, reducing malicious and phishing attempts.

Significance of SSH

Compared to the above commonly known protocols, SSH is another protocol that allows us to communicate between two computers over the internet.
SSH is a protocol to use over shell. A shell unlike a browser, allows you to talk to the Operating System.
SSH allows users to share files, as well as control and modify remote computers over the internet.
SSH was created as a secure way of communication that encrypts all data so that bad actors can't monitor you.
The significant advantage offered by SSH over the predecessors is the use of encryption, to ensure secure transfer of information between the host and the client.

SSH in practice

The example above shows a typical SSH prompt. Any Linux or macOS user can SSH into their remote server directly from the terminal window.
Windows users can take advantage of SSH clients like Putty.
You can execute shell commands in the same manner as you would if you were physically operating the remote computer.
Source: https://www.hostinger.com/tutorials/ssh-tutorial-how-does-ssh-work

What next?

Learn more about the following topics with the help of the resources provided at the end of this blog to solidify your knowledge in SSH

SSH Commands: One of the primary uses of SSH is to execute commands on remote computers. This means you can establish a connection to a server and interact with it using SSH commands.
Encryption: To truly grasp SSH, it's important to understand key concepts such as encryption, which involves both symmetric and asymmetric encryption techniques, as well as hashing. These concepts lay the foundation for a deeper understanding of SSH's security mechanisms.
SSH Keys: An integral part of SSH is the use of SSH keys. These keys consist of a public key and a private key. Learning how to generate, manage, and securely store these keys on the server is crucial for effective SSH usage.
Practice and Test your SSH skills:
- A great way to practice your SSH skills is by connecting your local computer to platforms like GitHub or cloud providers such as DigitalOcean. This hands-on experience will help solidify your understanding of SSH concepts.
- Imagine this scenario: "Your web application mysteriously disappears from the server overnight. Your task is to restore all project files onto the server using SSH." Successfully completing this task showcases your SSH skills and your problem-solving abilities. Basically, if you can do this, you're awesome!

Best Resources

Learn more about SSH with the help of the following short and concise resources:

Learn about how SSH works, and how to SSH into a server.
Learn a little about Symmetric and Asymmetric encryption as well as Hashing
Learn how to manage SSH keys

Learn more about the Junior to Senior Web Development Roadmap with the help of the comprehensive resources:

Junior to Senior Web Developer Roadmap Blog Series: A Blog series where I will be learning and sharing my knowledge on each of the above topics.
Don’t be a Junior Developer: The Roadmap From Junior to Senior: A detailed roadmap blog by Andrei Neagoie (a Senior Developer) with links to free resources.
Zero To Mastery Course: The Complete Junior to Senior Web Developer Roadmap Course: A comprehensive course by Andrei Neagoie (the same Senior Developer) that covers all of the above topics.

Who Am I?

I’m Aswin Barath, a Software Engineering Nerd who loves building Web Applications, now sharing my knowledge through Blogging during the busy time of my freelancing work life.
I'm also a Junior Developer like you learning how to become a Senior Developer and sharing my knowledge along the way.
Here’s the link to all of my socials categorized by platforms under one place: https://linktr.ee/AswinBarath

Thank you so much for reading my blog🙂.

Junior to Senior Web Developer Roadmap: Breakdown

Aswin Barath — Sat, 14 Oct 2023 03:30:00 +0000

Are you someone who is a junior developer struggling to climb up the corporate ladder and become a senior developer?
Are you a full-stack developer who feels lost and doesn't know where to start? 🤔

Well, you are in the right place! 😎
This is a step-by-step roadmap for Junior Developer to become an admired and respected Senior Developer 👨‍💻

Prerequisites

Basic HTML, CSS, and JavaScript knowledge.
MERN (MongoDB, ExpressJS, ReactJS, NodeJS) or PERN (PostgreSQL, ExpressJS, ReactJS, NodeJS) stack knowledge is helpful but not required.

Here's the breakdown of the essential technologies in the roadmap that you can follow step-by-step on your journey to becoming a Senior Developer 👨‍💻

SSH

What is SSH, Anyway?
- SSH is short for Secure Shell is a protocol designed to establish secure communication between two computers. (Don't worry about these fancy terms – a protocol is just a bunch of rules, and SSH is a specific type of protocol.)
SSH Commands: One of the primary uses of SSH is to execute commands on remote computers. This means you can establish a connection to a server and interact with it using SSH commands.
Encryption: To truly grasp SSH, it's important to understand key concepts such as encryption, which involves both symmetric and asymmetric encryption techniques, as well as hashing. These concepts lay the foundation for a deeper understanding of SSH's security mechanisms.
SSH Keys: An integral part of SSH is the use of SSH keys. These keys consist of a public key and a private key. Learning how to generate, manage, and securely store these keys on the server is crucial for effective SSH usage.
Practice and Test your SSH skills:
- A great way to practice your SSH skills is by connecting your local computer to platforms like GitHub or cloud providers such as DigitalOcean. This hands-on experience will help solidify your understanding of SSH concepts.
- Imagine this scenario: "Your web application mysteriously disappears from the server overnight. Your task is to restore all project files onto the server using SSH." Successfully completing this task showcases your SSH skills and your problem-solving abilities. Basically, if you can do this, you're awesome!

Performance:

Performance optimization is a crucial skill on your path to becoming a Senior Developer. The following techniques will help you ensure your applications run smoothly and efficiently. And by mastering them, you'll become a performance guru.

I) Network Optimizations:

Minimize the files: Minimizing files is crucial because smaller files lead to quicker loading times. This not only enhances the user experience but can also reduce bandwidth costs for your project. It's especially important in an era where mobile devices with varying network speeds access websites.
- 1. File Compression: Smaller files mean faster downloads for users. Learn how to minimize file sizes by using file compression techniques, such as GZIP, to reduce the size of text-based files like HTML, CSS, and JavaScript.
- 2. Image Optimization: Optimizing images through resizing, compression, and choosing the right image format can significantly reduce file sizes. Tools like ImageMagick or online services like TinyPNG can help you with this process.
Improve delivery of the application: Improved delivery leads to faster page load times, which can directly impact user engagement and retention. It's also crucial for global accessibility and ensuring a consistent experience for users worldwide.
- 1. Content Delivery Networks (CDNs): A CDN is a distributed network of servers strategically positioned worldwide to deliver web content, such as images, scripts, and videos, from a server geographically closer to the user, resulting in faster loading times and reduced latency. As a Junior developer learn how you can enhance delivery by utilizing CDNs.
- 2. HTTP/2 Protocol: HTTP/2 is a major revision of the HTTP network protocol used by the World Wide Web. It enhances website performance by sending multiple files concurrently and enabling faster loading times through features like multiplexing, compression, and header optimization. Implementing the HTTP/2 protocol can significantly improve delivery.
Practice and Test your Network Optimization skills:
- Performance Testing: Junior developers can practice by conducting performance testing using tools like Google's PageSpeed Insights, GTmetrix, or WebPageTest. These tools evaluate a website's performance and provide recommendations for improvement.
- Real-World Projects: Junior developers can practice by working on real-world projects. Building and optimizing websites or web applications from scratch can provide hands-on experience in implementing network optimizations.

II) Front-End Optimizations:

Critical Render Path and How to Improve It:
- Understanding and optimizing the critical render path is essential to make your website load quickly. It involves optimizing the sequence of events from the moment a user requests a web page to the point when it becomes visually complete. Key aspects include minimizing render-blocking resources like CSS and JavaScript, leveraging browser caching, and utilizing asynchronous loading techniques.
Progressive Web Apps (PWAs) and Code Optimization:
- Developing Progressive Web Apps involves optimizing code for exceptional user experiences. PWAs are web applications that provide a native app-like experience with features like offline functionality, push notifications, and rapid load times. Code optimization practices include efficient caching strategies and minimizing JavaScript execution while ensuring smooth interactions.
Creating Offline-Ready Progressive Web Apps (PWAs):
- Learn how to develop PWAs that work offline and even submit them to app stores using JavaScript, HTML, and CSS. Offline functionality, caching, and responsive design are essential components for ensuring PWAs function seamlessly regardless of the user's internet connection.
Code Splitting:
- Code splitting is a strategy to enhance website performance by dividing your JavaScript into smaller bundles that load on-demand. This practice reduces the initial load time and improves the overall user experience, especially on slower network connections.
Smart Rendering for React and Redux Applications:
- Boost the speed of React and Redux applications through smart rendering techniques. This involves optimizing component rendering and state management, reducing unnecessary re-renders, and ensuring your applications respond swiftly to user interactions.
Practice and Test your knowledge:
- Enhance your skills by actually improving a website, such as a company landing page. Implement performance optimizations you've learned on a real project, and then test the results. This hands-on experience is invaluable for solidifying your expertise in front-end optimization.

III) Back End Optimization

Backend optimizations, coupled with practice and testing, are fundamental to ensuring your applications can handle growing user bases and provide efficient, reliable services.

Content Delivery Networks (CDNs):
- Content Delivery Networks are distributed networks of servers that store cached copies of your website's content. These servers are strategically positioned around the globe, allowing users to access data from a server geographically closer to them. This reduces latency, accelerates content delivery, and enhances the user experience.
Scaling Databases:
- Scaling databases involves expanding your database's capacity and performance to handle increased data and traffic. Techniques include vertical scaling (adding more resources to a single server) or horizontal scaling (adding more servers to distribute the load), ensuring your application remains responsive and reliable as it grows.
Compressing Responses from the Backend:
- Compressing responses from the backend means reducing the size of data sent from the server to the client. Techniques like GZIP compression can significantly decrease response sizes, leading to faster loading times and reduced bandwidth consumption.
Caching:
- Caching involves storing frequently accessed data or content in memory or on disk, allowing for quicker retrieval. Implementing caching strategies can improve response times, reduce server load, and enhance the overall performance of your application.
Load Balancing and Load Testing:
- Implementing a load balancer is crucial for distributing incoming network traffic across multiple servers. Load balancing ensures no single server is overwhelmed, leading to better resource utilization and increased reliability.
- Load testing simulates real-world conditions to identify performance bottlenecks, ensure scalability, and optimize your infrastructure.
Practice and Test Your Knowledge:
- Implement a load balancer.
- Actually perform load testing on the project.

Front-end frameworks & concepts

Front-end development is a cornerstone in your journey to becoming a Senior Developer. Familiarizing yourself with these concepts will pave the way to a thriving career in web development.

React and Redux: React and Redux are the go-to libraries for building dynamic single-page applications. Start by mastering React fundamentals and building a project. Then, dive into Redux, learning about state management and structuring your applications for scalability.
Webpack4 + Parcel: Webpack4 and Parcel are the latest tools for bundling project files and optimizing your production bundles. Get hands-on experience setting up your projects with Webpack.
Practice and Test Your Skills:
- Put your knowledge to the test by building a project with React and Redux.
- Learn the ins and outs of configuring your projects with Webpack.

Testing:

Testing is an important topic but is also often forgotten by beginners and junior developers.

Companies love testing. So, if you know how to write Unit Tests and Integration Tests, you will write better software.

Software Testing 101: Learn what is testing, the types of tests, the testing landscape in the current web development world, what are the types of testing tools and libraries, how to use them and how to set everything up.
Jest: One of the top libraries used for testing. Learn to write synchronous and asynchronous tests, write mocks and have coverage reports
React Tests: Then dive into writing tests for your React apps. Learn to use snapshot testing and enzyme to write smart tests that avoid bugs in your application.

By the end of this, you should be aware of the entire testing landscape and feel comfortable writing any tests that come your way.

Typescript:

TypeScript is one of the hottest topics in the web developer environment right now.

Static Typing: Learn the basics of static typing. Understand why JavaScript didn't have static typing and instead dynamically typed.
Typescript 101: Learn what is TypeScript, how to use TypeScript, what are the different types and how to add them to your project.
Typescript in React: Finally learn how to add TypeScript to your own React Projects.

Once again, make sure that you will master these topics.

SPA + Server Side

Server Side Rendering (SSR): Delve into the origins of web rendering with server-side rendering. Understand why SSR was, and still is, useful in web development. Learn why some companies continue to rely on SSR for specific needs. Explore the implementation of server-side rendering in React and weigh the pros and cons of this approach.
Client Side Rendering (CSR): Gain insights into client-side rendering in single-page applications (SPAs). Understand the advantages and disadvantages of CSR. Learn when to opt for client-side rendering over server-side rendering. Discover how to implement client-side rendering and evaluate the pros and cons of both rendering methods.
Next.js: Explore Next.js, a library that simplifies the creation of server-side dynamic applications. Learn how Next.js facilitates server-side rendering and the development of interactive, data-driven web applications.

By the end of this section, you will be ready to make decisions on whether you want a single-page app or a server-side rendered application for your project.

Security:

Front End Security Optimizations: Learn Cross-site scripting, and injection attacks like SQL injections. Practice these to learn how they work.
Back End Security Optimizations: Learn more about Backend security and what are the Best practices in order to manage sensitive data.
Ethical Hacking 101: Learn basic ethical hacking techniques so that we can learn how to protect ourselves when we are building our app.

So, after learning these concepts you must feel confident when you're building secure applications using the latest tips, and tricks and implementing the latest tools and tech.

Docker:

Docker is a containerization platform that enables you to package applications and their dependencies into portable, isolated containers. These containers can run consistently across diverse environments, from development to production. Docker is a tool that is going to absolutely amaze you.

Containers:
- Begin by gaining a deeper understanding of containers and their profound impact on the way companies structure and manage their applications.
- Containers enable lightweight, consistent, and easily reproducible environments, revolutionizing software development and deployment.
Docker 101 : Crafting Containers
- Learn the essentials of Docker by discovering how to create Docker files and build your own containers.
- This fundamental knowledge forms the basis for using Docker to encapsulate and distribute your applications effortlessly.
Docker-compose : Orchestrating Containers
- Explore Docker-compose, a tool for orchestrating multi-container Docker applications.
- Learn how to define, configure, and manage multiple containers as a single service, simplifying the deployment of complex applications.
Microservices vs. Monolithic Architecture:
- In a monolithic architecture, a single, large codebase handles all application functions, making updates and scaling challenging.
- Containers enable a microservices approach, where applications are divided into smaller, independent services that can be developed, deployed, and scaled individually. This transition provides flexibility, scalability, and improved resource utilization.
- Containers (like Docker) are instrumental in moving away from monolithic architecture to microservices. So, learn more about the pros and cons of each Architecture.
Practice and Test your Docker skills:
- Learn how to combine a Redis server, a Postgres database and an API server all into one docker container, so that they all run from one command.

After this section and action item, we're going to feel very comfortable with Docker whenever we deploy our applications.

Redis:

Redis is one of the most popular and often used databases that is a key value storage.

Databases 101: Dive into the topic of Databases and gain insights into the various types of databases and how they fit into the landscape of data storage solutions.
What is Redis?:
- Redis is an open-source, in-memory key-value store database.
- It excels in data storage and retrieval, making it a versatile choice for applications requiring high-speed data access.
Redis 101: Learn how to use Redis. Learn how to use Redis for caching to make our websites faster and session management.
Redis CLI: Learn how to use Redis CLI.
Practice your Redis skills: Spin up our own Redis server.
Key-Value Databases and Their Role:
- Key-value databases like Redis provide a simple yet effective means of data storage.
- They store data as pairs of keys and corresponding values, enabling rapid data retrieval.
- These databases are especially valuable in scenarios where fast data access is critical, such as caching, session management, and real-time applications.
When to Use Databases Like Redis:
- Redis is ideal for use cases where speed and data consistency are paramount.
- Consider Redis for caching frequently accessed data, managing user sessions, powering real-time applications, and ensuring low-latency access to critical information.

Sessions + JWT

Using your React project, learn how to create an entire dynamic part of the website: that is User Management with the following techniques.

Session Authentication: Learn how to create a new profile page. Learn how to use session-based authentication where cookies would be used and learn how to implement it.
Token Authentication: Learn more about Token authentication such as JWT tokens. Learn the pros and cons of each authentication type.
Secure Authentication Flow: Learn how to implement a secure authentication flow that you can implement in any app that you choose.
Practice your Redis skills: Learn how to use and implement Redis for session management
- So that you we have protected routes
- Also, this way, any time we have a sign-in functionality, we can use this system, knowing that it's secure and follows best practices.

Amazon Web Services ("AWS"):

Amazon Web Services, commonly known as AWS, is a powerful cloud platform that has transformed the way companies operate, providing unparalleled scalability and efficiency.

AWS 101:

What is AWS (Amazon Web Services)?:
- AWS is a cloud computing platform that offers a wide array of services, including computing power, storage, databases, machine learning, and more.
- It provides scalable, on-demand resources, enabling businesses to innovate and grow without the burden of managing physical infrastructure.
Infrastructure as a Service (IaaS):
- AWS offers Infrastructure as a Service, which allows users to provision and manage virtualized computing resources over the internet.
- This approach eliminates the need for on-premises hardware and offers flexibility and scalability.
Platform as a Service (PaaS):
- AWS extends its services to Platform as a Service, enabling developers to build, deploy, and manage applications without worrying about the underlying infrastructure.
- This empowers developers to focus on writing code and delivering value.
Scaling with AWS:
- AWS has empowered companies to scale efficiently, providing access to resources as needed.
- It allows businesses to match their capacity to demand, similar to tech giants like Google, Amazon, and Microsoft, ensuring that they can serve customers seamlessly.
AWS Lambda is a serverless computing service that enables developers to run code in response to events without managing servers. It offers a cost-effective, scalable, and straightforward way to execute functions in the cloud.
Serverless 101: Learn how to use the Serverless framework.
Practice your AWS skills: Learn how to implement AWS Lambda into your React Application.

By the end, you're going to feel confident working with AWS and creating functions that live in the cloud.

CI/CD

After we have tied everything together and created the overall picture of how to write good software and good applications; Learn how to actually create good processes and how to actually deploy your application to production.

Continuous Integration: Learn more about good Continuous Integration practices and how to implement these good practices and good tools.
Continuous Delivery: Learn more about good Continuous Delivery practices and how to implement these good practices and good tools.
Continuous Deployment: Learn more about good Continuous Deployment practices and how to implement these good practices and good tools.
Practice your CI/CD skills: Learn how to implement the Circle CI (CI/CD) tool in your project
- To make sure that from the start your developer team has the right tools and right processes in place
- To be successful in writing applications with less bugs and cleaner code.

Extra Bits

Code Analysis: Learn what to do when you first start off on a project where you have a ton of files and you didn't write the code yourself! Learn the tips and tricks to really optimize that.
Best Practices in general for building quality applications.

Soft Skills

In this blog, I've primarily focused on the technical aspects of your journey to become a senior developer. However, Soft skills like effective communication and emotional intelligence also play a vital role.
Top 7 Soft Skills For Developers & How To Learn Them: For a more in-depth exploration of various soft skills, consider checking out this blog written by Andrei Neagoie, a Senior Developer and Programming Instructor.

Note

Different companies may have varying expectations for Senior Web Developers, so make sure to do some additional research to tailor your development path.

By the end, after learning all of the above topics, all of these things will make sense to you. You'll be able to implement all of these things into your own projects, into your own company. And you'll know how each and every one of them are connected.

Most importantly, learn these things quickly with the help of this roadmap, compared to other junior developers who take years to learn these skills.

Best Resources

Junior to Senior Web Developer Roadmap Blog Series: A Blog series where I will be learning and sharing my knowledge on each of the above topics.
Don’t be a Junior Developer: The Roadmap From Junior to Senior: A detailed roadmap blog by Andrei Neagoie (a Senior Developer) with links to free resources.
Zero To Mastery Course: The Complete Junior to Senior Web Developer Roadmap Course: A comprehensive course by Andrei Neagoie (the same Senior Developer) that covers all of the above topics.

Who Am I?

I’m Aswin Barath, a Software Engineering Nerd who loves building Web Applications, now sharing my knowledge through Blogging during the busy time of my freelancing work life.
I'm also a Junior Developer like you learning how to become a Senior Developer and sharing my knowledge along the way.
Here’s the link to all of my socials categorized by platforms under one place: https://linktr.ee/AswinBarath

Thank you so much for reading my blog🙂.

My 100 Days of Code Journey (2021)

Aswin Barath — Fri, 15 Sep 2023 06:03:25 +0000

100 Days of Code Challenge

100 Days of Code Challenge is an initiative I am commiting to take, where I will be spending each day working on problem solving and personal projects to improve my skills and push my boundaries.

After two failed attempts, I'm coming back by publicly committing to the 100DaysOfCode Challenge starting today!

I'm going to follow Two Main Rules:

Code a minimum of an hour every day for the next 100 days.
Tweet your progress every day with the #100DaysOfCode hashtag

My Exceptions:

If I break the streak, I will make sure that I won't break it the next day
My Community work, and few emergencies demands to take a day off

#100DaysOfCode

Useful Links

For Daily updates, follow me on:

Goals

[x] Learn Software Development
[x] Solve problems on Data Structures and Algorithms
[x] Build Projects around Software Development
[x] Build JU Query platform for university students
[x] Community Work

Learn Software Development

Learn Java Software Development

[x] Java Core Concepts
- [x] Object Oriented Programming in Java - Day 9, Day 10
- [x] Collections Framework - Day 28, Day 30
- [x] Generics - Day 28
- [x] File Handling - Day 28
- [x] Exception Handling - Day 28
- [x] Concurrency and Multi-Threading - Day 29, Day 30
- [x] JDBC - Day 31
- [x] Lambda Expressions and Stream API (Functional Programming) - Day 32, Day 35, Day 36
[x] Object-Oriented Design - Day 38, Day 70

Learn Full-stack Development

[x] JavaScript - Day 8, Day 13, Day 16, Day 17, Day 20, Day 42
[x] ReactJS & ReduxJS - Day 46, Day 60, Day 61, Day 67, Day 69, Day 70
[x] Firebase, - Day 33, Day 34
[x] NodeJS, - Day 49, Day 51, Day 59, Day 67

Solve problems on Data Structures and Algorithms

[x] Data Structures
- [x] Arrays - Day 1, Day 2, Day 3, Day 11, Day 13, Day 23, Day 26, Day 50, Day 64
- [x] Strings - Day 23, Day 65
- [x] HashMaps - Day 4, Day 13, Day 15, Day 23, Day 50, Day 64
- [x] Stacks - Day 14, Day 60, Day 68
- [x] Queues - Day 68
- [x] Linked Lists - Day 22, Day 23, Day 24, Day 27, Day 55, Day 56, Day 57, Day 73, Day 74, Day 75, Day 77, Day 78
- [x] Trees - Day 32, Day 37, Day 86
- [x] Graphs - Day 66
- ❌ Heaps
- ❌ Tries
[x] Algorithms
- [x] Sorting - Day 26
  - [x] Insertion Sort
  - [x] Selection Sort
  - [x] Bubble Sort
  - [x] Count Sort
  - [x] Merge Sort
  - [x] Quick Sort
- [x] Searching
  - [x] Linear Search
  - [x] Binary Search - Day 26, Day 45, Day 47, Day 48, Day 50, Day 52, Day 62, Day 82
  - ❌ BFS
  - ❌ DFS
- [x] Recursion, Backtracking - Day 26, Day 39, Day 78, Day 83
- [x] Dynamic Programming - Day 53, Day 54
- [x] Two pointers - Day 64, Day 78, Day 79
- [x] Greedy - Day 64, Day 65, Day 80, Day 81
- ❌ Bit Manipulation
- ❌ Mathematical problems
[x] Solved Python Challenges Day 5, Day 58
[x] Solve Hackerrank Challenges in Java - Day 15

Build Projects around Software Development

[x] Build Full-stack Apps
- [x] Clothing e-commerce application - Day 69, Day 70
[x] Build ReactJS Web Apps
- [x] Build a Portfolio Website - Day 7
- ❌ Build a LinkedIn Clone - Day 46
- [x] Build a Tesle Landing Page Clone - Day 60, Day 61, Day 67
[x] Build NodeJS Microservices
- [x] Login Microservice - Day 51
- [x] Event Timeline Page - Day 59
- [x] Real-time Twitter Streaming App - Day 67
[x] Build Vanilla JavaScript Projects - Day 40, Day 41, Day 47, Day 58
- [x] Event Timeline Page - Day 59
- [x] Joke Teller - Day 63
[x] SQL Injection & Prevention Project - Day 51
[x] IMDb Web Scrapper - Day 6
[x] Eco Monitor IoT Project
- [x] Light Intensity Sensor project - Day 12
- [x] Eco Monitor - Visualizations of Sensor data project - Day 12

Build JU Query platform for university students

[x] JU Query Features - Day 43, Day 44
- [x] Add Authentication components
  - [x] Google OAuth
  - [x] Facebook OAuth - Day 43
- [x] Homepage components
  - [x] Add Query component
  - [x] Answer Query component
  - [x] Show Answer component
- [x] Basic Routing - Day 73, Day 76
- ❌ Topic-specific components
- ❌ User Profile components
- ❌ Create Event specific components
- ❌ Create User and Admin Roles
- ❌ Add ML recommendation engine component
- ❌ Create Admin Dashboard

Community Work

[x] JavaScript Roadmap I - The Basics Event - Day 8, Day 16, Day 17, Day 21
[x] Event Timeline Page (Community Project) - Day 59
[x] JavaScript Roadmap II - DOM Manipulation Event - Day 65
[x] Git and GitHub Event - Day 71
[x] JavaScript Roadmap III - EcmaScript Event - Day 72

100DaysOfCode Day-to-Day Progress

Day 1

Solved 6 frequently asked Interview Problems on Array Data Structure:
- Next Permutation
- Pascal's Triangle II
- Pascal's Triangle
- Set Matrix Zeroes
- Merge Intervals
- Maximum Subarray

My Leetcode profile: aswinb

Day 2

Solved 8 Problems on Array Data Structure at Leetcode and GFG:
- Count Inversions
- Buy and Sell stocks
- Rotate Image
- Search in 2D Matrix
- Search in 2D Matrix - II
- Determine Whether Matrix Can Be Obtained By Rotation
- Majority element - I
- Majority element - II

My Leetcode profile: aswinb

Day 3

Solved 2 Problems on Array Data Structure at Leetcode:
- Reverse Pairs
- Most frequently asked Google SDE problem: Unique Paths

My Leetcode profile: aswinb

Day 4

Revised Hashmaps and Generics concepts in Java
Solved Two Sum problem using Hashmaps at Leetcode

My Leetcode profile: aswinb

Day 5

Solved python challenges based on Object oriented programming

Python Challenge: Challenge - 1

Day 6

Built an IMDb web scrapper to generate the data of top 5 IMDb rated Movies and top 10 IMDb rated directors using Beautiful soup

Project Repository: IMDb web scrapper

Day 7

Built my personal portfolio website -> https://aswinbarath.me/
Deployed on Netlify hosting platform
And set up a custom domain using namecheap service

Day 8

Worked on the presentarions for JavaScript Basics Event ✍
Created basic code snippets for understanding JavaScript Basics 💪
Started off with the week with vaccination 💉

Day 9

Took some rest for after effects of vaccination 💉🛌
Revised the concepts of Java programming and Operating Systems

Day 10

Revised Operating Systems
Hands-on practice on Java programming in Eclipse IDE

Day 11

Solved basic array problems from GFG Practice platform ✍
Explored problem solving tracker project built with react and typescript

Day 12

Built an IoT project "Eco Monitor" - Light Intensity Sensor project🍀
Performed data analystics using visualization to display sensor data 📈📊📉
Explored the Bolt IoT Cloud platform

Day 13

Solved Regular expression challenges in JavaScript from Hackerrank 🧾
Learnt more about Generics with wildcards
Practices Hackerrank problems on Generics
Solved the problem Largest subarray with zero sum

Day 14

Built a Stack Data Structure using Java 📚
Learnt more about objects, methods, dependencies 🕵️‍♀️
Learnt basics of Spring framework (Java) 🍃

Day 15

Solved a SDE Hashing problem
Brushed up Java skills with 30 Days of Code Hackerrank challenge

Day 16

Worked more on JS Roadmap Basics event presentations and code snippets
Solved few Python Challenges
Attended Saturday's LeetCode contest
Attended an Interview round on the topics: SQL, Algorithm and Data Structures

Day 17

Completed the JavaScript challenges from 10 Days of JS
Successfully conducted JavaScript Roadmap - The Basics event
Shared about 10 Days of JS challenge in my JS Roadmap Basics event

Day 18

Gained more knowledge about SSH and basic commands
Learnt new concepts from Operating Systems
Solved several SDE (frequently asked) Interview problems from GFG practice platform

Day 19

Solved CSS challenges from freeCodeCamp's Responsive Web Design course
Learnt new concepts from Operating Systems

Day 20

Disentangled JavaScript Algorithms and Data Structures course from freeCodeCamp for the past three days:

Solved more challenges on Regular expressions using JavaScript
Completed JavaScript debugging challenges
Check out the JavaScript tutorials on Regular expressions to learn from basics to advanced regex statements by solving real-world challenges: Regex challenges at FCC0

Day 21

Wrapped up the JS Roadmap Basics event
Shared the code files and Git Repositories with my community
Deployed the code on Repl.it platform

Day 22

Revised and learnt the concepts: OOPs, Stacks, Queues, Linked lists
Attended Gatsby v2 (Intermediate) workshop from Front-end masters

Day 23

After solving various problems on Arrays, Strings and Hashmaps:

Pulled off a deep dive in Linked list data structure and learnt more about:
- What is a Linked list?
- Need for Linked list
- Arrays VS Linked list
- Types of Linked list
- Linked list operations
- Types of problems
Linked lists GitHub Repository

Attended an Interview round which included Computer Science concepts, problems on Data Structures and Algorithms, case studies on SQL with Schemas, RDBMS and system designs

Day 24

Solved few problems based on Linked list at Leetcode and GFG

Reverse a Linked list
Middle of a Linked list
Even nodes after odd in Linked list
Linked lists GitHub Repository

Day 25

Brainstormed new ideas for JU Query project
Took part in Phase 0 Project discussion
Spun up the Repo for JU Query and provided neat documentation with Markdown language
JU Query Repo
JU Query Deployed Link

Day 26

Revised the problem solving concepts of Arrays, Sorting, Recursion
Learnt about basic problem solving using Binary Search

Day 27

Learnt more about problem solving techniques for Linked lists

Day 28

Constructed a project - Stock Analysis using Java that employs the following ideas:
- File Handling
- Generics
- Collections Framework
- Exception Handling
- Try with Resources and AutoClosable Interface

Day 29

Practiced 3 different ways to start a thread in Java
Learnt the concepts of Thread safety and Synchronization
Practiced thread safety and synchronized blocks in Java
Used concurrent collections for implementing thread safe Java programs

Day 30

Revised the concepts of Collections Framework
Started learning about Producer Consumer Pattern
Deciphered challenges in Hackerrank on Exception Handling using Java

Day 31

Executed a concurrent producer-consumer pattern using Java
Operated with ArrayBlockingQueue collection
Obtained knowledge on Thread pools
Engaged Executor Framework to perform tasks using spawned thread pools
Overview on Java Database Connectivity (JDBC)
Installed MySQL for Java
Connected a database using JDBC

Day 32

Grasped the concepts of Lambda expressions in Java
Got the hang of the Functional programming paradigm implemented in Java 8
Exercised converting methods into lambda expressions
Designed custom Functional interfaces to operate with lambdas
Pulled off a swift dive in Tree data structure and learnt more about:
- Introduction and terminologies in a Tree
- Types of Binary Trees
- Types of Tree Traversals
- Representation of Binary Tree in Java

Trees Repo

Day 33

Refactored React hooks for JU Query project
Uncovered more about the Firebase platform

Learn more about firebase from my blog posts:

Day 34

Deep dive into Firebase Firestore service
Built a real-time dynamic chat application using firebase
Deployed onto production using firebase hosting
Fixed a production bug in the public directory
Built a Image sharing application using firebase
Deployed onto production using firebase hosting

Day 35

Practiced more on Lambda expressions using Java
Gained more knowledge about Built-in Functional Interfaces in Java
Learnt about default implementation in Functional Interfaces, a new feature from Java 8 (This new feature was introduced to support new functional programming abilities from Java 8)

Day 36

Practised Lambda Expressions with Streams
Completed the Practical Java Development Course, this is what I learnt:
- The Collections Framework
- Generics
- Concurrency and Multithreading in Java
- Java Database Connectivity (JDBC)
- Lambda Expressions
- The Stream API

Day 37

Solved Tree traversals: Inorder, Preorder, Postorder

Day 38

Getting started with Object-Oriented Design (OOD) and Low-level Design (LLD).
Revisited Objects, Methods and dependencies.
Learnt more about Dependency Association, Composition Association and Aggregation Association through Java coding examples.

Day 39

Assessed my recursion skills in Java @HackerRank
- Solved: Recursive Digit Sum
- Solved: Fibonacci Numbers
Can you complete the challenge?
- https://www.hackerrank.com/interview/interview-preparation-kit/recursion-backtracking/challenges

Day 40

Back to basics by refactoring a project repository: Book Information
Resolved 4 issues from the project which include code refactoring, README update, and icon
Reviewed my pull requests and merged them into the master branch
Updated the entire codebase with bootstrap design inputs
Complete directory restructure
Followed naming conventions and best practices
Well documented README
Project: https://github.com/AswinBarath/Book-Information
Here's the git history:
Checkout the project demo over here:

Day 41

Back to basics by refactoring the project repositories: Book Information 2.0, Robot Friend and Image portfolio
Resolved 14 issues from the projects which include code refactoring, README update, and demo
Reviewed my pull requests and merged them into the main branch
Updated the entire codebase with bootstrap design inputs
Complete directory restructure
Followed naming conventions and best practices
Well documented README
Here are the project links
Checkout the project demos over here:

Day 42

Solved JavaScript Strings and Arrays exercises from Front-end masters:
- Exercise tweet 1
- Exercise tweet 2

Day 43

Added Facebook OAuth feature to JU Query project
Fixed bugs and improved web-app performance
Refactored the React functional components

Day 44

Fixed production bugs
Improved the design
Refactored the React components
gzipped the app for optimized production and deployed the bug fixes

Day 45

Learnt more about Binary Search and its importance
Gained new knowledge on optimization of Binary Search:
- Improvement in finding middle element
- Order-agnostic Binary Search
Repository:
- https://git.io/JuSnw

Day 46

Learning more about Functional Components in React
Started project-based learning through building LinkedIn clone:
- Set up and built the header components
- Worked on Sidebar components

Day 47

Solved 4 problems on Binary Search
- Repo: https://git.io/JuSnw
Refactored, Documented and Optimized 3 front-end projects
- Repo: https://git.io/JuSnD

Day 48

Solve 3 problems on Binary Search - Easy, Medium, Hard
- Peak index in Mountain array
- Find Peak Element
- Find in Mountain array
Repo: https://git.io/JuSnw

Day 49

Solved 10+ API based challenges using NodeJS and ExpressJS from freeCodeCamp
- GitHub Repository: https://git.io/JuAl6
- Always On Repl: https://replit.com/@ashwin26/nodejs-expressjs-scripts?v=1
- Live link: https://nodejs-expressjs-scripts.ashwin26.repl.co/

Day 50

Solved 3 problems on the topics Arrays, Hashing and Binary Search at Leetcode
- Maximum Subarray
- Contains Duplicate
- Search in Rotated Sorted Array

Day 51

Worked on 2 projects:
- Simplistic Login Microservice built with NodeJS & ExpressJS
  - GitHub Repo
  - Live link
  - Optimized the project
  - Documented the code and readme
- SQL injection which demonstrates attacks using malicious SQL queries
  - GitHub Repo
  - Live link
  - Refactored the project
  - Updated documentation

Day 52

Solved 10 problems using 3 variations of Binary Search at LeetCode

Day 53

Explored patterns in Dynamic Programming (DP) problems
Solved the problems similar to Fibonacci problem using DP:
- Climbing Stairs
- House Robber
Repository: Dynamic-Programming

Day 54

Solved problems from 2 Dynamic Programming (DP) patterns:
- Min Cost Climbing Stairs
- Partition Equal Subset Sum
Repository: Dynamic-Programming

Day 55

Solved problems on Linked lists based on 2 patterns:
- Reverse the given Linked list
- Remove Nth Node from the end of the list (Runner pattern - also known as Tortoise-Hare)
Repository: Linked-lists

Day 56

Solved 3 problems on Linked lists:
- Delete a node in a linked list
- Add two numbers I & II
Refactored the Java Packages, Formatted the code, and fixed all of the bugs
Generated self-sustaining templates for problems
Repository: Linked-lists

Day 57

Solved 3 problems on Linked Lists:
- Remove Linked List Elements
- Merge Two Sorted Lists
- Return Kth Node From End of List
Added more packages and documentation
Repository: Linked-lists

Day 58

Updated the configuration in the JavaScript Repos:
- authenticated-todo-app
- nest-js-api
Added more Python Challenges on various topics such as:
- data structures, map, lambda,filter, zip, reduce, decorators, generators, file handling & exception handling
Python programming challenges

Day 59

Built an Event timeline web app for Codecademy JU Chapter Community
Deployed the web app on top of Repl it using NodeJS and ExpressJS
Event Timeline web app
Join Codecademy JU Chapter
GitHub Repository
Web App Demo

Day 60

Implemented the Stack Data Structure in 4 ways:
- Stack Implementation using Arrays
- Generic Stack Implementation
- Stack Implementation using Linked Lists
- Stack in Collections Framework
Stacks Repository
Continued project-based learning through building Tesla clone:
- Set up and built the homepage component
- Worked on Section components for reusability
Repository

Day 61

Added Header component in the Tesla React Clone App
Used Hamburger Menu from Material UI
Applied media-queries for Dynamic display.
Repository

Day 62

Solved a couple of problems on Binary Search
Structured the problems into 3 templates of Binary Search
Documented a list of Easy, Medium and Hard problems from the same topic
Repository: https://git.io/JuSnw

Day 63

Built a Joke Teller web app using
- JokeAPI (RESTful)
- Text-to-Speech API (VoiceRSS)
Repository
Deployed Link
Updated Arrays data structure repository
Repository

Day 64

Solved two problems using Java in Brute force and Optimal ways
- Two Sum HashMaps, Two Pointers, Arrays
- Container With Most Water Two pointer, Greedy, Arrays
Solved a problem from LeetCode Contest
- Convert 1D Array Into 2D Array Arrays, Matrix

Day 65

Solved two problems from LeetCode Contest:
- Find Missing Observations Greedy, Strings
- Minimum Moves to Convert String Strings
Taught DOM Manipulation as part of JavaScript Roadmap event at Codecademy JU chapter

Day 66

Revised the Theoretical concepts of Graph Data Structure
Updated GitHub Profile README with a new look
Graphs Repository
GitHub Profile README

Day 67

Completed the development of Tesla's landing page in ReactJS
Tesla Landing Page Clone App
Built a Real-time Twitter Streaming App with NodeJS, SocketIO and Twitter APIs

Transformed my GitHub Profile README to a newer and better look

GitHub Profile README

Day 68

Solved two problems based on Stacks:
- Valid Parenthesis
- Next Greater Element
Implemented Queue using Array
Implemented Stack using Queue
Implemented Queue using Stack
Stacks Repo
Queues Repo

Day 69

Started to build a massive e-commerce react application which is similar to Shopify
Here's my project pipeline for the day:
- Project initialization using Create React App
- Adding NodeJS SASS package for styling
- Broken homepage into components & applied SASS animations
Clothing e-commerce React application repository

Day 70

Updated menu-items component to automate the page routing to specific URLs based on the passed props using React Router
Clothing e-commerce React application repository
Added my work on Object Oriented Design based on project based learning approach
https://github.com/AswinBarath/Object-Oriented-Design

Day 71

Taught Git and GitHub at Codecademy JU Chapter
Recording: https://lnkd.in/eAn6QAYt
Wrap Up Page: https://lnkd.in/eUa4haKp
Git and GitHub Basics

Day 72

Taught ECMAScript Features from JavaScript at Codecademy JU Chapter
Wrap Up Page: https://community.codecademy.com/events/details/codecademy-jain-university-ju-presents-javascript-roadmap-iii/
JS Roadmap ECMAScript

Day 73

Solved two problems from Linked Lists
- Intersection of Two Linked Lists
- Cycle Detection in a Linked List
Restructured the developer environment at JU Query project
Added React-router-DOM package with basic routing abilities for JU Query Web App
JU Query Repo

Day 74

Solved 3 problems using Linked Lists
- Reverse Nodes in k-Group
- Swap Nodes in Pairs
- Swapping Nodes in a Linked List

Day 75

Solved the Linked List Palindrome checker problem at LeetCode

Day 76

Built different pages and components for JU Query Project
Experimented pages with React Router and learning more about it
JU Query Repo
JU Query Deployed Link

Day 77

Solved the problem of finding the starting point of a cycle in Linked list

Day 78

Solved 3 Linked list problems using Recursion and two-pointers approach:
- Flatten given Linked list
- Rotate given Linked list
- Clone a given Linked list with next and random pointers

Day 79

Solved 3 problems using two-pointers approach:
- Find triplets with 0 sum
- Remove Duplicates from Sorted Array
- Max Consecutive Ones
2-pointers Repo: https://git.io/JKHRE

Day 80

Solved 3 problems using greedy approach:
- N meetings In One Room
- Minimum Platforms
- Job Sequencing
Greedy-algorithms Repo: https://git.io/J6lZU

Day 81

Solved 2 more problems using greedy algorithm
- Minimum coins
- Fractional Knapsack
Greedy-algorithms Repo: https://git.io/J6lZU

Day 82

Solved the problem Split Array Largest Sum using Binary Search
Binary-Search Repo: https://git.io/JuSnw

Day 83

Revised the concepts from Recursion
Recursion Repo: https://git.io/JPzPQ

Day 84

Learnt #DSAwithKunal focusing on Recursion
Got to understand Recursion and how to approach problems in the best way
Recursion Repo: https://git.io/JPzPQ

Day 85

Used Markdown in my Web End Projects Repository extensively to visualize my project cover designs, demo and important links
Web End Projects: https://github.com/AswinBarath/Web-End-Projects

Day 86

Solved problems to find Size, Height, Max & Min from a Binary Tree
Trees Repo: https://git.io/J1MM0

Day 87

21 Nov Sunday, 2021
Learnt react-router-dom tutorial
Implemented basic routing in JU Query

Day 88

23 November Tuesday, 2021
Implemented on Tree traversals
Documented tree traversals neatly on README
Tree Travesal Docs Commit

Day 89

25 November Thursday, 2021
Implemented Postorder iterative tree traversals using 1 stack and 2 stacks in java

Day 90

26 November Friday, 2021
Updated Java packages and classes with tree traversals
Added extensive documentation for Linked-lists, Bit-Manipulation, Binary-search and Trees repositories

Day 91

28 November Sunday, 2021
Implemented All-in-one Tree Traversals, Height and Depth of Binary Tree

Day 91

29 November Monday, 2021
Learnt PHP basics from tutorials

Day 92

1 December Wednesday, 2021
Worked on Secure Programming Lab 1

Day 93

4 December Saturday, 2021
Revised the concepts of C Programming:
- pointers
- structure
- dynamic memory allocation

Day 94

5 December Sunday, 2021
Revised data structures:
- Arrays
- Hashmaps
- Linked lists
Also revised algorithms:
- Recursion
- Sorting
- Searching

Day 95

6 December Monday, 2021
Revised SQL commands and concepts

Day 96

12 December Sunday, 2021
Started working on command line script project with JavaScript

Day 97

26 December Sunday, 2021
Continued the project work on command line script project with JavaScript and Python
Implemented several tasks and passed some of the test cases

Day 98

27 December Monday, 2021
Successfully worked on CLI project in Python
Passed 16/16 test cases from CLI project using python

Day 99

29 December Wednesday, 2021
Compiled and formatted the resources on IT Workshop in Python

Day 100

30 December Thursday, 2021
Worked on DSA-Craker-Sheet and SDE-sheet documentation

December 31, Friday

Set the goals for 2022 & beyond using the following respositories:

Goals Accomplished in 2021 (#100daysofcode)

[x] Learn Software Development
[x] Solve problems on Data Structures and Algorithms
[x] Build Projects around Software Development
[x] Build JU Query platform for university students
[x] Community Work

Contributors

T Aswin Barath aswin2001barath@gmail.com

License & copyright

Licensed under the MIT License.

What is Cyber Security and why is it needed?

Aswin Barath — Mon, 04 Sep 2023 04:30:00 +0000

What is Cyber Security?

Cyber Security allows us to protect digital assets. Imagine that it’s like protecting anything that is valuable for us.
The goal of Cyber Security is to protect anything from private and personal information, our website or application, our entire company’s data and business plans.

Who are Hackers?

In an ideal world, there is no need for Cyber Security, because every person is good and they won’t use anything for a bad cause.
But in reality, there are a lot of people just waiting to inflict damage on other people. And in the digital world, we call those people, Black Hat Hackers. Now their motives can be different as to why they want to perform malicious attacks.
There are also good hackers called White Hat Hackers.

Black Hat Hackers

Black Hat Hackers are called like that because they do malicious things.
The number one motive of Black Hat Hackers is financial gain. They also can perform their attacks in order to discover some sensitive information about a company.
These black Hats, may use a set of tools to automate attacks, use certain hacking techniques and exploit their targets. Here are a few examples:
- They usually exploit their targets with something called a Payload: which is a piece of software dropped on the target machine and it is used to compromise it.
- Black Hats may also want to compromise as many devices as they can and add them to their zombie army or botnet. They can achieve all of this with many methods like delivering payloads through different exploits.
- Or target certain vulnerabilities in the system.
- Or running Phishing attacks: that target people by tricking them into submitting private information to a fake page.
- They can also trick people into downloading pieces of malicious software like a Trojan that will then infect their devices.

Cyber Security Expert

In the same way, Black Hat Hackers have their methods of attacking, As Cyber Security Experts we have our own methods of protecting ourselves from these types of attacks.
- Antivirus software, Firewalls, Security Experts and all the tools they use to automate security are what prevent an attack from compromising a company and its devices.
- If we can successfully block the malicious attacks, then our security plan or tactic can be considered good.
- Now you can see that, without security measures, Black Hat Hackers can directly attack important infrastructure and steal or compromise the company’s valuable data. And the hackers can easily get away with it.

Importance of Security Software and Automation tools:

To make our lives easier, there are many tools and software that can help us automate certain Security Jobs that are repetitive and can get boring after some time.
These automation tools also allow us to perform our jobs a lot faster. And when it comes to Security, speed and time are important factors
One of the most common tools you may have heard of, are Antiviruses and Firewalls.

How to get started?

The goal of the Cyber Security Expert is to always overpower the Black Hat Hacker and prevent any type of attack they run.
- This is not of course easy, and takes years and years of learning to truly master the aspect of Cyber Security.
- Also, it is important to note that technology is constantly evolving and there’s a need to stay updated with the latest tools and knowledge all the time.
Now, security is a very broad and wide area. Since it applies to pretty much everything:
- It can apply to your personal computer or device security.
- Your network security
- Mobile Phone Security can be narrowed down to Android Security and iOS Security.
- Server Security can be narrowed down to the technologies on which the server is built and respective security best practices to use.
- Website Application Security can be narrowed down to the technologies on which the website is built and respective security best practices to use.
- And many more…
Once you learn the fundamentals of Cyber Security, it will be up to you to decide on which branch you would further proceed to work. Since mastering Security in detail for everything is not easy.
Check out the resources I've added at the end of this blog, to get started with Cyber Security.

Advice from Cyber Security Experts

Cyber Security Professionals, like Aleksa Tamburkovski state that
- “Luckily things get a bit easier for us once we get a job as a Security Expert in a company.”
- Most of the companies have multiple Security Engineers and Experts working in different branches of Security.
- It’s good to know that if we lack knowledge in certain aspects of Security, for example, Mobile Security. There will probably be a colleague in that company who is good at Mobile Security and can take responsibility.

By now, I hope you have gained a brief knowledge of what Cybersecurity is, why it is needed and sparked enough interest in your to learn more.

Who Am I ?

I’m Aswin Barath, a Software Engineering Nerd who loves building Web Applications, now sharing my knowledge through Blogging during the busy time of my freelancing work life. Here’s the link to all of my socials categorized by platforms under one place: https://linktr.ee/AswinBarath

Join me to learn Cyber Security!

Checkout the Cybersecurity Series where my mission is to share my knowledge on Security concepts like Cyber Security and Hacking: https://dev.to/aswin2001barath/series/24168

Best Resources:

Learn what I know about Cyber Security from my favourite knowledge sources:

Top 5 Reasons To Learn Cyber Security (Blog)
Cyber Security Cheat Sheet
Ethical Hacker & Cybersecurity Expert Career Path (Detailed Blog)
Complete Cybersecurity Bootcamp (Course)
Complete Ethical Hacking Bootcamp (Course)

🎙 Disclosure: Please note that some of the links mentioned on this page may be affiliate links. This means that if you click on one of these links and make a purchase, I may earn a small commission from the sale.

Thank you so much for reading my blog🙂.

Happy hacking! 🕵️‍♀️🔒

Web End Projects (My Portfolio)

Aswin Barath — Sat, 02 Sep 2023 08:52:40 +0000

Hello, World!

In this post, I will be sharing my collection of Web End Projects that I've built over the years.

You also can check out my GitHub Repository: AswinBarath/Web-End-Projects

TL;DR

(short for too long; didn't read)

"Web-End" tries to unify "Front-End" and "Back-End" in a better and more focused way than "Full Stack" does,
because it keeps the focus more squarely on what's web experience related.

Web-end means you deal with anything web related, whether that be in the browser or on the server.

So building web-consumed APIs (REST, GraphQL) is web-end. Writing React code is web-end.

Writing libraries or frameworks (for Node or the browser) is web-end.

Optimizing performance or monitoring security for web apps is web-end.

Even managing containers for web app deployments is web-end.

-- Kyle Simpson, Author of You-Dont-Know-JS

Full Stack Web Apps	Node JS Microservices & APIs	React JS Web Apps	Vanilla JavaScript Projects	Basic Websites with HTML & CSS
JU Query (React+Firebase)	Timestamp-Microservice	Robofriends	Cool Cursor	Layout Template
Smart-brain (PERN Stack)	Login-Microservice	Tesla Landing Page	Signup Page	Robot Friend
User management App (MERN Stack)	Tweet-stream	Disney plus clone	Quote Generator	Image Portfolio
SQL Injection and Prevention (LAMP Stack)			Picture in Picture App	Book-Information-2.0
Event Timeline			Infinite Scroll	Book-Information
Clothing e-Commerce App (MERN Stack)			Photo Sharing App
Blogfolio Website			Joke Teller App
			Authentication Boilerplate
			To Do With Auth
			Calendar Project
			Background Generator
			Dynamic Chat App

Full Stack Web Apps

JU Query

Github Repository	Deployed Link
Project Cover Design	Project Demo

Smart Brain App

Github Repository	Deployed Link
Project Cover Design	Project Demo

User management App (under development)

Github Repository	Deployed Link
Project Cover Design	Project Demo

SQL Injection and Prevention

Github Repository	Deployed Link
Project Cover Design	Project Demo

Event Timeline

Github Repository	Deployed Link
Project Cover Design	Project Demo

Clothing e-Commerce App (under development)

Github Repository	Deployed Link
Project Cover Design	Project Demo

Blogfolio Website

Github Repository	Deployed Link
Project Cover Design	Project Demo

Node JS Microservices & APIs

Tweet Stream (under development)

Github Repository	Deployed Link
Project Cover Design	Project Demo

Timestamp Microservice

Github Repository	Deployed Link
Project Cover Design	Project Demo

Login Microservice

Github Repository	Deployed Link
Project Cover Design	Project Demo

React JS Web Apps

Robofriends

Github Repository	Deployed Link
Project Cover Design	Project Demo

Tesla Landing Page

Github Repository	Deployed Link
Project Cover Design	Project Demo

Disney plus clone (under development)

Github Repository	Deployed Link
Project Cover Design	Project Demo

Vanilla JavaScript Projects

Dynamic Chat App

Github Repository	Deployed Link
Project Cover Design	Project Demo

To Do With Auth

Github Repository	Deployed Link
Project Cover Design	Project Demo

Authentication Boilerplate

Github Repository	Deployed Link
Project Cover Design	Project Demo

Photo Sharing App

Github Repository	Deployed Link
Project Cover Design	Project Demo

Joke Teller App

Github Repository	Deployed Link
Project Cover Design	Project Demo

Infinite Scroll

Github Repository	Deployed Link
Project Cover Design	Project Demo

Picture in Picture App

Github Repository	Deployed Link
Project Cover Design	Project Demo

Quote Generator

Github Repository	Deployed Link
Project Cover Design	Project Demo

Cool Cursor

Github Repository	Deployed Link
Project Cover Design	Project Demo

Signup Page

Github Repository	Deployed Link
Project Cover Design	Project Demo

Background Generator

Github Repository	Deployed Link
Project Cover Design	Project Demo

Calendar Project

Github Repository	Deployed Link
Project Cover Design	Project Demo

Basic Websites with HTML & CSS

Layout Template

Github Repository	Deployed Link
Project Cover Design	Project Demo

Robot Friend

Github Repository	Deployed Link
Project Cover Design	Project Demo

Image Portfolio

Github Repository	Deployed Link
Project Cover Design	Project Demo

Book-Information-2.0

Github Repository	Deployed Link
Project Cover Design	Project Demo

Book-Information

Github Repository	Deployed Link
Project Cover Design	Project Demo

Note: Few of these projects are under development

Who Am I?

Thank you so much for reading my blog🙂.

JU Query: Web App for community based learning (Project)

Aswin Barath — Sat, 02 Sep 2023 08:49:59 +0000

GitHub Repo: AswinBarath/ju-query
Deployed Link: https://ju-query.web.app/

An Online QnA (Question and Answer) platform for students and faculties of Jain University.

“JUQuery” web application is a deliverable for students and faculties of the university
incorporated with production-grade coding standards.
It is platform university students and faculties to provide complete information about
campus life from a student point of view, and academic information from university point of view.
It features a simple and attractive user interface for posting a query, giving an
answer to a query.
Students can register/ host any campus related events and also can take the feedback from
other students through this platform.

Table of content

Demo
Screenshots
Technologies
What's unique in this Project
System Design
Contributors
Developer instructions
IEEE publication

Demo

Google OAuth & Homepage

Google OAuth Login
Asking Question on the platform
Answer the question

Note: Due to the size of the gif file being huge, I recommend you visit the GitHub Repo: AswinBarath/ju-query to view the detailed - Google OAuth & Homepage Demo

Registration & Login

Facebook OAuth

Screenshots

Registration page

Home page

Add Query feature

Add Answer feature

Technologies

What's unique in this Project

Functional programming using functional components

Functional programming is a concept of creating pure functions for software logic
and depends only on the arguments passed to the function.
Functional programming is based more on expressions and declarations
rather than the statements.
JU Query incorporats functional programming using functional components
where we pass data as shared state through functional arguments.

State management using Redux.js library

Redux is a predictable state container that stores the state of the application in a store,
and each component can access any state that it needs from this store.
State management is essentially a way to facilitate communication and sharing of data
across components.

It creates a tangible data structure to represent the state of the web app that we can read from
and write to.
JU Query manages the state of the platform event triggers such as user login/logout, show/hide popup,
user inputs to provide a user friendly experience.

Specific re-rendering using ReactDOM in React.js

In React every UI part is a component, and each component has a state.
React follows the observable pattern and listens for state changes.
When the state of a component changes, React updates the virtual DOM tree.
ReactDOM.render() controls the contents of the container node you pass in. Any existing
DOM elements inside are replaced when first called. Later calls use React’s DOM diffing
algorithm for efficient updates.
JU Query takes advantage of this React.js feature to re-render only those parts of the website
which require a refresh, saving a lot of data usage from the user experience with our
platform.

Secure API authentication using Firebase

Firebase Authentication is an extensible token-based auth system and provides out-of-the box
integrations with the most common providers such as Google, Facebook, and Twitter,
among others.
JU Query takes leverage over this secure features of Firebase Authentication API to keep our users
secure and gain their trust over our platform's user experience.

Real time fetching data using Firebase Firestore database

Firestore features richer, faster queries and scales further which is very helpful.
Real time fetching of data from backend and rendering data on front-end with a very low
latency which makes the user experience very effective.
JU Query uses these technologies and techniques along with testing each component of the
codebase locally and in production using in-built react-testing-library.
In JU Query, React components follows the separation of concern principle which is connected
together using Dependency injection and component re-rendering to make coding implementation
effective along with ease to extend and maintain in the future making it scalable and flexible.
This component structure provides the user with on-time delivery of update releases and
upgrades.

System Design

Architecture

Use case diagram

JU Query Activity Diagram for User Side

JU Query Activity Diagram for Admin Side

Class Diagram

JU Query Sequence Diagram for User Side

JU Query Sequence Diagram for Admin Side

ER Diagram

Contributors

T Aswin Barath https://github.com/AswinBarath
Souvik kar https://github.com/souvik-21
Sri Sarvesh https://github.com/SriSarveshA1
Vyshnav Raj https://github.com/vyshnav99
G Kishore https://github.com/gkrockz

IEEE publication

This project has also been published as an IEEE paper titled JU QUERY - Web App for community based learning
IEEE paper publication: https://ieeexplore.ieee.org/document/9917861
We have also hosted the project over here: https://ju-query.web.app/

Who Am I?

Thank you so much for reading my blog🙂.

What is a Programming Language?

Aswin Barath — Wed, 30 Aug 2023 04:30:00 +0000

What is a Programming Language?

Programming is a simply way for us to give instructions to the computer.
We give it an instruction manual and the computer follows.
Without code, computer programs wouldn't do anything.
- You wouldn't able to google things.
- You wouldn't able to move the mouse and click around the screen.
- You wouldn't able to play games like Angry Birds 😡 on your smartphone.

The need for a programming language

You see computer doesn't understand English or any other human language. Then what language do computers speak?
- Computers speak Ones and Zeroes (1010111001).
- All electronics speak that language of ON or OFF, Zero or One.
- But writing Ones and Zeroes would be gibbrish for us. And it's hard for us to communicate like that, right?
So, humans have created programming languages that are in-between human language (like English) and machine language (like zeroes and ones).
- Some programming language are lower level and closer to machine language.
- Others programming languages are higher level and closer to English (human language).
And there are lots of programming languages.
- There's Assembly programming language that is really really close to machine code.
- You have programming languages like Python and JavaScript that are really really close to English.
Just give you an understanding of how many programming languages are out there, here's a fun & deep video on the "Programming Iceberg" from Fireship YouTube Channel: God-Tier Developer Roadmap

The Big Picture

Now, if you are wondering how a programming language is fitting in the big picture of day-to-day computer usage, here's how:

We have these programming languages that we usually write on a file such as Python, JavaScript or Java, for example.
And then we somehow have to convert these files to machine code that is ones and zeroes. So that the machine can understand.
This is where we need a translator!

The Translator

First, we take the files in which we write the programming language. These files are called source code.
Then, we provide this source code to a translator that understand the programming language and also understands the machine code. These translators help us convert the source code to machine code for us.
What is the translator, then?
- It's not a person.
- It is also a program written by a human! 🤯
- There are two types of translators:
- Interpretor
- Compiler
Let's take a few examples to understand this:

Python Programming Language

The Python Programming usually uses an Interpreter, to translate the source code to machine code.
Just like a translator from the real world, an Interpreter goes line by line through our code and executes our code on machine.

Java Programming Language

The Java Programming uses a Compiler, to translate the source code to machine code.
Compilers are a little bit different.
A compiler take your code all at once, reads the entire file all at once, and then translates that to machine code.

Summary

Interpreter translaters line by line and each line executes instructions
Compilers translates all lines (the entire file), turns it into machine code and executes the whole file at once.
Now, the differences between Interpreters and Compilers are little complicated and beyond the scope of this blog.
I just wanted to have you the general picture:
- That when we write code using programming languages like Python JavaScipt, C, C++, or Java; what we are doing is that, we are typing it a language that is human readable.
- Then we are giving this code to translators like Interpreters or Compilers. These spit out machine code that executes instructions on our computers.

The reason I shared the concept of these translators, is because most developers, expecially if they are starting out, don't even know this process. They just know that they write code and it just runs.

So, if you are planning to learn a programming language like Python, you will clearly understand what's happening behind the screen.

Best Resources

Here are some of the best resources for you to learn the most easiest programming language: Python

Python Blog Series : A Blog series where I will be learning and sharing my knowledge on the Python Programming Language.
Learn Python for Free, Get Hired, and (maybe) Change the World! : A detailed roadmap blog by Jayson Lennon (a Senior Software Engineer) with links to free resources.
Zero To Mastery Course - Complete Python Developer : A comprehensive course on Python Programming and it's various applications like Automation, Machine Learning, Web Development and more, taught by Andrei Neagoie (a Senior Developer).

Who Am I?

Thank you so much for reading my blog🙂.

If someone like me asked you this question now: What is a Programming Language?

Can you answer it? Let me know your answer for this question in the comment section.