- Throughout my college career in computer science, I have found the need to develop applications that will be deployed in a Linux environment. As a windows user, I have usually turned to a couple of different options: virtual machines, Windows Subsystem for Linux, or Cygwin. Recently, I discovered an alternative method for building and testing Linux apps that is especially useful for collaboration and deployment. Docker allows you to package an OS and all the necessary dependencies into a docker image. You can then spin up an instance of this image called a docker container in which you can run your source code. Jake Wright's video was incredibly helpful in my understanding of what docker is, how it's different from virtual machines, and how to use it.
-
- Depending on your host machine's operating system, you will install one of the following Docker products. If you have macOS or Windows, your first option should be Docker Desktop. Check if you meet the system requirements. If you do not, Docker Toolbox is the legacy option that uses Oracle VirtualBox rather than Hyper-V or HyperKit for virtualization. I am using a computer with Windows 10 Home, so I use Docker Toolbox for Windows. This blog post will discuss some solutions to edge-case issues with Docker Toolbox that Docker Desktop users will hopefully not have to deal with.
-
- As mentioned previously, I am using Docker Toolbox since Windows 10 Home does not support Hyper-V for virtualization with Docker Desktop. You can run docker toolbox in a command prompt or powershell terminal, but I personally prefer to use WSL because I am more familiar with bash terminal commands. If you are interested in this setup, continue reading this section. Otherwise, you can skip ahead.
-
-
-
Installing WSL
-
- The default way to install WSL is through the Microsoft Store. This will install WSL on your system drive (e.g. C:\). If you are like me and don't want to install it on your system drive, follow the instructions here.
-
-
-
Setting Up Docker Toolbox with WSL
-
- After installing WSL, follow the instructions in Setting Up Docker Toolbox for Windows Home 10 and WSL to Work Perfectly! starting with Install Docker and Docker Compose within WSL. As you will have seen near the end of that post, there are some extra steps needed to ensure that volume mounts work. After setting root = /, you will need to configure shared folders for the default docker machine in VirtualBox.
-
-
-
Shared Folder Configuration for Volume Mounting
-
- I configured all of my drives as shared folders so I can mount any folders on my host machine to any docker containers I run. In your WSL terminal, run docker-machine.exe start to start the default docker machine created by the Docker Quickstart Terminal. After your docker machine is running, open the shared folder settings as shown in Fixing Volumes in Docker Toolbox. The image below shows how C:\ on my host computer is mounted at / in folder c on my docker machine such that C:\ maps to /c. Make sure you have enabled Auto-mount and Make Permanent. Click OK to save all settings, then go back to the WSL terminal and run docker-machine.exe restart default. Now your docker machine should be properly configured to allow volume mounting.
-
-
-
-
Increase Docker Machine Resources
-
- One issue I ran into with the default settings for the default docker machine is the amount of RAM allocated to it. I attempted to build the GTSAM library inside a docker container and ran into an internal compiler error: Killed (program cc1plus). As mentioned here, the solution is to increase the RAM allocated to the docker machine in VirtualBox. In the WSL terminal, run docker-machine.exe stop to shutdown the docker machine. When this is complete, right click on the default docker machine in VirtualBox and open Settings. In the System tab, increase Base Memory. Similar to virtual machines, I would not recommend allocating more than half of your system's RAM. For example, my computer has 16 GB of RAM, so I would only recommend allocating up to 8 GB of RAM to the docker machine. You can look through the other options, such as number of allocated processor cores, as well if you wish.
-
- To learn about Dockerfiles and a basic example, check out the video in the introduction. To learn about Docker Compose, check out Jake Wright's video on the topic.
-
- In a virtual machine, you can easily run GUI applications such as a web browser, text editor, etc. In a docker container, the process is a little bit different. You will need to download an X Server such as VcXsrv Windows X Server. If you are using chocolatey, you can run choco install vcxsrv.
-
-
- Run GUI app in linux docker container on windows host provides a great explanation of why you would want to do this and how to run your docker container. The post discusses how to set your IP address as the DISPLAY environment variable that is passed to docker via the -e DISPLAY=$DISPLAY command line argument. You can alternatively pass your IP address as an environment variable in your docker compose file. This is shown in MAAV's ROS Tutorial (reproduced below). The main settings to look at below are environment and network_mode. Set the DISPLAY environment variable to [ip_address]:0.0 and set network_mode: "host".
-
-
-
-# docker-compose.yml
-version: "2"
-
-services:
-ros-demo:
- image: ros-demo
- privileged: true
- volumes:
- # Mount the current directory do everything in /tutorial within docker
- - .:/tutorial:rw
- environment:
- - DISPLAY=1.1.1.1:0.0 # Change 1.1.1.1 to your IP Address
- network_mode: "host"
- container_name: ros-demo
- command: "/bin/bash --init-file scripts/source-ros.sh" #source ros automatically
-
-
- Hopefully by this point, you have a better understanding of what docker is, why you might want to use it, and how to get a docker machine setup so you can build and run docker containers. If you have any questions or suggestions for improvement, feel free to contact me.
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/common/footer.html b/common/footer.html
deleted file mode 100644
index d958934..0000000
--- a/common/footer.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
')
\ No newline at end of file
diff --git a/common/header.html b/common/header.html
deleted file mode 100644
index 5facd44..0000000
--- a/common/header.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/common/header.txt b/common/header.txt
deleted file mode 100644
index ddb1ee7..0000000
--- a/common/header.txt
+++ /dev/null
@@ -1 +0,0 @@
-document.write(' ')
\ No newline at end of file
diff --git a/common/navbar.html b/common/navbar.html
deleted file mode 100644
index 3117d34..0000000
--- a/common/navbar.html
+++ /dev/null
@@ -1,111 +0,0 @@
-
\ No newline at end of file
diff --git a/common/navbar.txt b/common/navbar.txt
deleted file mode 100644
index de40a2a..0000000
--- a/common/navbar.txt
+++ /dev/null
@@ -1 +0,0 @@
-document.write('')
\ No newline at end of file
diff --git a/common/styles.css b/common/styles.css
deleted file mode 100644
index 724a0f3..0000000
--- a/common/styles.css
+++ /dev/null
@@ -1,67 +0,0 @@
-/***********
- * General *
- ***********/
-body {
- background-color: #E8EEF2;
- padding-top: 65px;
- font-family: Arial, Verdana, Tahoma, sans-serif;
-}
-
-/****************
- * Main Content *
- ****************/
-.my-nav {
- background: #00274C;
- font-size: 18px;
-}
-
-.my-nav .nav-link {
- color: #FFCB05;
-}
-
-.my-nav .nav-link:hover {
- color: #30C5FF;
-}
-
-.my-nav .navbar-toggler-icon {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
-}
-
-.my-nav .navbar-toggler {
- background: #FFCB05; /* pick your color */
-}
-
-.container-fluid {
- color: #000000;
- font-size: 18px;
-}
-
-.container-fluid h1 {
- padding: 10px 10px;
- background: #00274C;
- color: #FFCB05;
-}
-
-.row {
- /* border: 1px solid red; */
- margin-bottom: 10px;
-}
-
-/* Add an invisible target before
- anchor links so navbar doesn't
- block content */
-:target::before {
- content: "";
- display: block;
- margin-top: -80px;
- height: 80px;
- width: 1px;
-}
-
-/* Side Padding */
-@media (min-width: 768px) {
- .px-md-6 {
- padding-left: 12.5% !important;
- padding-right: 12.5% !important;
- }
-}
\ No newline at end of file
diff --git a/hugo/config.toml b/hugo/config.toml
index 880196f..dc75fb4 100644
--- a/hugo/config.toml
+++ b/hugo/config.toml
@@ -46,41 +46,26 @@ name = "about"
URL = "about"
weight = 1
-[[menu.main]]
-name = "services"
-URL = "services"
-weight = 2
-
[[menu.main]]
name = "portfolio"
URL = "portfolio"
-weight = 3
-
-[[menu.main]]
-name = "team"
-URL = "team"
-weight = 4
-
-[[menu.main]]
-name = "pricing"
-URL = "pricing"
-weight = 5
+weight = 2
[[menu.main]]
name = "blog"
URL = "blog"
-weight = 6
+weight = 3
[[menu.main]]
-name = "contact"
-URL = "contact"
-weight = 7
+name = "documentation"
+URL = "documentation"
+weight = 4
#### external / static link ####
-[[menu.static]]
-name = "themefisher"
-URL = "https://themefisher.com/"
-weight = 8
+# [[menu.static]]
+# name = "themefisher"
+# URL = "https://themefisher.com/"
+# weight = 8
############################# Default Parameters ##########################
[params]
diff --git a/hugo/content/english/author/sravan-balaji.md b/hugo/content/english/author/sravan-balaji.md
index d90e803..d45ff45 100644
--- a/hugo/content/english/author/sravan-balaji.md
+++ b/hugo/content/english/author/sravan-balaji.md
@@ -2,17 +2,9 @@
title: "Sravan Balaji"
image: "images/author/sravan-balaji.jpg"
email: "balajsra@umich.edu"
-social:
- - icon : "ti-facebook" # themify icon pack : https://themify.me/themify-icons
- link : "#"
- - icon : "ti-twitter-alt" # themify icon pack : https://themify.me/themify-icons
- link : "#"
- - icon : "ti-github" # themify icon pack : https://themify.me/themify-icons
- link : "#"
---
+Sravan Balaji is a Senior at the {{< link url="https://umich.edu" text="University of Michigan" >}} pursuing dual B.S.E.'s in {{< link url="https://me.engin.umich.edu/" text="Mechanical Engineering" >}} and {{< link url="https://cse.engin.umich.edu/" text="Computer Science" >}} with an expected graduation of December 2020. Upon completion of his Bachelor's degrees, he plans on continuing his education with a Master's in Robotics.
-Sravan Balaji is a Senior at the [University of Michigan](https://umich.edu) pursuing dual B.S.E.'s in [Mechanical Engineering](https://me.engin.umich.edu/) and [Computer Science](https://cse.engin.umich.edu/) with an expected graduation of December 2020. Upon completion of his Bachelor's degrees, he plans on continuing his education with a Master's in Robotics.
-
-Sravan is currently an ADAS Controls Intern at [Rivian](https://rivian.com/). He will be returning to the [University of Michigan](https://umich.edu) for his final undergraduate semester in the fall.
+Sravan most recently completed an ADAS Controls Internship at {{< link url="https://rivian.com" text="Rivian" >}} for the Summer of 2020. He will be returning to the {{< link url="https://umich.edu" text="University of Michigan" >}} for his final undergraduate semester in the Fall of 2020.
Sravan's professional and academic interests are in robotics, mechatronics, autonomous systems, controls, programming, and GNU/Linux among other things. His personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software.
\ No newline at end of file
diff --git a/hugo/content/english/contact/sravan-balaji.md b/hugo/content/english/contact/sravan-balaji.md
new file mode 100644
index 0000000..c40a79c
--- /dev/null
+++ b/hugo/content/english/contact/sravan-balaji.md
@@ -0,0 +1,7 @@
+---
+title: "Contact Info"
+---
+
+**Feel free to reach out to me via email, LinkedIn, GitHub, or YouTube via the links below. I'm happy to discuss my website, college education, professional experience, or anything else really. I will do my best to respond in a timely manner.**
+
+**If you have suggestions for the website or would like to see the source files, check out my {{< link url="https://github.com/balajsra/sravanbalaji.com" text="GitHub repository" >}}.**
\ No newline at end of file
diff --git a/hugo/content/english/portfolio/education.md b/hugo/content/english/portfolio/education.md
new file mode 100644
index 0000000..ba9b0c4
--- /dev/null
+++ b/hugo/content/english/portfolio/education.md
@@ -0,0 +1,209 @@
+---
+title: "Education"
+---
+
+{{< rawhtml >}}
+
+{{< /rawhtml >}}
\ No newline at end of file
diff --git a/hugo/content/english/portfolio/projects.md b/hugo/content/english/portfolio/projects.md
new file mode 100644
index 0000000..5abd0d8
--- /dev/null
+++ b/hugo/content/english/portfolio/projects.md
@@ -0,0 +1,77 @@
+---
+title: "Projects"
+---
+
+## Install this template by following those simple steps:
+
+### STEP-1 : Hugo installation
+
+Check this link below for install hugo on your computer.
+[hugo install documentation](https://gohugo.io/getting-started/installing/)
+
+### STEP-2 : Create your project
+
+Hugo provides a `new` command to create a new website.
+
+```
+hugo new site
+```
+
+### STEP-3 : Install the theme
+Run this command
+```
+hugo new site meghna-hugo
+```
+and then go to the themes folder inside of meghna-hugo folder. You can also use this command ```cd meghna-hugo/themes``` for going to this folder.
+Then run the command
+```
+git clone git@github.com:themefisher/meghna-hugo.git
+```
+
+Alternatively, you can [download the theme as .zip](https://github.com/themefisher/meghna-hugo/archive/master.zip) file and extract it in the `themes` directory
+
+After that you need to go to the `meghna-hugo/exampleSite` folder and copy or cut all the elements, and now go back to the root folder and paste it here.
+
+open the command prompt again and run `cd ../` command for go back to the root folder.
+
+### STEP-4 : Host locally
+
+Launching the website locally by using the following command:
+
+```
+hugo serve
+```
+
+Go to `http://localhost:1313`
+
+Or you can check this video documentation for installing this template:
+{{< youtube 3O3qvDoVp5g >}}
+
+### STEP-5 : Basic configuration
+
+When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.
+
+```toml
+# Change the default theme to be use when building the site with Hugo
+theme = "meghna-hugo"
+```
+
+### STEP-6 : Create your first content pages
+
+```
+hugo new blog/post-name.md
+```
+
+### STEP-7 : Build the website
+
+When your site is ready to deploy, run the following command:
+
+```
+hugo
+
+# You can also create a minified version by using this command:
+hugo--minify
+
+```
+
+A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
\ No newline at end of file
diff --git a/hugo/content/english/portfolio/research.md b/hugo/content/english/portfolio/research.md
new file mode 100644
index 0000000..66eff77
--- /dev/null
+++ b/hugo/content/english/portfolio/research.md
@@ -0,0 +1,77 @@
+---
+title: "Research"
+---
+
+## Install this template by following those simple steps:
+
+### STEP-1 : Hugo installation
+
+Check this link below for install hugo on your computer.
+[hugo install documentation](https://gohugo.io/getting-started/installing/)
+
+### STEP-2 : Create your project
+
+Hugo provides a `new` command to create a new website.
+
+```
+hugo new site
+```
+
+### STEP-3 : Install the theme
+Run this command
+```
+hugo new site meghna-hugo
+```
+and then go to the themes folder inside of meghna-hugo folder. You can also use this command ```cd meghna-hugo/themes``` for going to this folder.
+Then run the command
+```
+git clone git@github.com:themefisher/meghna-hugo.git
+```
+
+Alternatively, you can [download the theme as .zip](https://github.com/themefisher/meghna-hugo/archive/master.zip) file and extract it in the `themes` directory
+
+After that you need to go to the `meghna-hugo/exampleSite` folder and copy or cut all the elements, and now go back to the root folder and paste it here.
+
+open the command prompt again and run `cd ../` command for go back to the root folder.
+
+### STEP-4 : Host locally
+
+Launching the website locally by using the following command:
+
+```
+hugo serve
+```
+
+Go to `http://localhost:1313`
+
+Or you can check this video documentation for installing this template:
+{{< youtube 3O3qvDoVp5g >}}
+
+### STEP-5 : Basic configuration
+
+When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.
+
+```toml
+# Change the default theme to be use when building the site with Hugo
+theme = "meghna-hugo"
+```
+
+### STEP-6 : Create your first content pages
+
+```
+hugo new blog/post-name.md
+```
+
+### STEP-7 : Build the website
+
+When your site is ready to deploy, run the following command:
+
+```
+hugo
+
+# You can also create a minified version by using this command:
+hugo--minify
+
+```
+
+A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
\ No newline at end of file
diff --git a/hugo/content/english/portfolio/work.md b/hugo/content/english/portfolio/work.md
new file mode 100644
index 0000000..09bdda4
--- /dev/null
+++ b/hugo/content/english/portfolio/work.md
@@ -0,0 +1,228 @@
+---
+title: "Work Experience"
+---
+
+{{< rawhtml >}}
+
+
+ Hughes sells mobile satellite terminals that provide internet and phone service to customers. Some customers who purchased terminals in bulk (~1000) required non-default settings. The configuration process of manually changing settings on each terminal was tedious and error-prone.
+
+
Task
+
+ My job was to develop a Windows 7 / 10 program that would automate the terminal configuration process.
+
+
Result
+
+ I designed and developed a GUI program in C# that detects which terminal model is connected and uses the available interface (REST API or FTP) to copy the configuration of the master terminal. This can then be used to automatically configure subsequent terminals.
+
+
Customer Feedback
+
+
"Btw the tool you sent us is helping a lot. Thank you so much."
+ Hughes mobile terminals allow customers to have internet and phone access in remote areas via a satellite connection. Some customers may find value in a GPS feature built into the terminal. In this situation, the terminal would send GPS coordinates to a server at regular intervals of time, distance, and/or velocity as configured by the end-user.
+
+
Task
+
+ My task was to investigate a way to minimize the data packet size of GPS coordinates and to update the terminal's software to send these data packets to a server configured by the end-user.
+
+
Result
+
+ This project was assigned to me after the completion of my previous project, which was intended to last the entire internship. I was able to determine that MQTT-SN was a good option as it simply sends a data packet to a server without checking for acknowledgement and the packet header is sufficiently small. I successfully implemented the packet structure and delivery to the server on the terminal software written in C. However, I was unable to get the server to recognize that it received the packet in my remaining time at Hughes. Using Wireshark, I confirmed the reception of the packet, but none of the open-source MQTT-SN brokers I used worked.
+
Sravan Balaji is a Senior at the University of Michigan pursuing dual B.S.E.’s in Mechanical Engineering and Computer Science with an expected graduation of December 2020.
Sravan Balaji is a Senior at the
+University of Michigan pursuing dual B.S.E.’s in
+Mechanical Engineering and
+Computer Science with an expected graduation of December 2020. Upon completion of his Bachelor’s degrees, he plans on continuing his education with a Master’s in Robotics.
+
Sravan most recently completed an ADAS Controls Internship at
+Rivian for the Summer of 2020. He will be returning to the
+University of Michigan for his final undergraduate semester in the Fall of 2020.
+
Sravan’s professional and academic interests are in robotics, mechatronics, autonomous systems, controls, programming, and GNU/Linux among other things. His personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software.
Feel free to reach out to me via email, LinkedIn, GitHub, or YouTube via the links below. I’m happy to discuss my website, college education, professional experience, or anything else really. I will do my best to respond in a timely manner.
+
If you have suggestions for the website or would like to see the source files, check out my
+GitHub repository.
Rivian ADAS Controls Intern Remote June 2020 - August 2020 Hughes Network Systems Software Development Intern San Diego, CA May 2019 - August 2019 Hard Skills: Embedded Programming in C C# and .
Hugo provides a new command to create a new website.
+
hugo new site <new_project>
+
STEP-3 : Install the theme
+
Run this command
+
hugo new site meghna-hugo
+
and then go to the themes folder inside of meghna-hugo folder. You can also use this command cd meghna-hugo/themes for going to this folder.
+Then run the command
After that you need to go to the meghna-hugo/exampleSite folder and copy or cut all the elements, and now go back to the root folder and paste it here.
+
open the command prompt again and run cd ../ command for go back to the root folder.
+
STEP-4 : Host locally
+
Launching the website locally by using the following command:
+
hugo serve
+
Go to http://localhost:1313
+
Or you can check this video documentation for installing this template:
+
+
+
+
+
+
STEP-5 : Basic configuration
+
When building the website, you can set a theme by using --theme option. However, we suggest you modify the configuration file (config.toml) and set the theme as the default.
+
# Change the default theme to be use when building the site with Hugo
+theme = "meghna-hugo"
+
STEP-6 : Create your first content pages
+
hugo new blog/post-name.md
+
STEP-7 : Build the website
+
When your site is ready to deploy, run the following command:
+
hugo
+
+# You can also create a minified version by using this command:
+hugo--minify
+
+
A public folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
Hugo provides a new command to create a new website.
+
hugo new site <new_project>
+
STEP-3 : Install the theme
+
Run this command
+
hugo new site meghna-hugo
+
and then go to the themes folder inside of meghna-hugo folder. You can also use this command cd meghna-hugo/themes for going to this folder.
+Then run the command
After that you need to go to the meghna-hugo/exampleSite folder and copy or cut all the elements, and now go back to the root folder and paste it here.
+
open the command prompt again and run cd ../ command for go back to the root folder.
+
STEP-4 : Host locally
+
Launching the website locally by using the following command:
+
hugo serve
+
Go to http://localhost:1313
+
Or you can check this video documentation for installing this template:
+
+
+
+
+
+
STEP-5 : Basic configuration
+
When building the website, you can set a theme by using --theme option. However, we suggest you modify the configuration file (config.toml) and set the theme as the default.
+
# Change the default theme to be use when building the site with Hugo
+theme = "meghna-hugo"
+
STEP-6 : Create your first content pages
+
hugo new blog/post-name.md
+
STEP-7 : Build the website
+
When your site is ready to deploy, run the following command:
+
hugo
+
+# You can also create a minified version by using this command:
+hugo--minify
+
+
A public folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
+ Hughes sells mobile satellite terminals that provide internet and phone service to customers. Some customers who purchased terminals in bulk (~1000) required non-default settings. The configuration process of manually changing settings on each terminal was tedious and error-prone.
+
+
Task
+
+ My job was to develop a Windows 7 / 10 program that would automate the terminal configuration process.
+
+
Result
+
+ I designed and developed a GUI program in C# that detects which terminal model is connected and uses the available interface (REST API or FTP) to copy the configuration of the master terminal. This can then be used to automatically configure subsequent terminals.
+
+
Customer Feedback
+
+
"Btw the tool you sent us is helping a lot. Thank you so much."
+ Hughes mobile terminals allow customers to have internet and phone access in remote areas via a satellite connection. Some customers may find value in a GPS feature built into the terminal. In this situation, the terminal would send GPS coordinates to a server at regular intervals of time, distance, and/or velocity as configured by the end-user.
+
+
Task
+
+ My task was to investigate a way to minimize the data packet size of GPS coordinates and to update the terminal's software to send these data packets to a server configured by the end-user.
+
+
Result
+
+ This project was assigned to me after the completion of my previous project, which was intended to last the entire internship. I was able to determine that MQTT-SN was a good option as it simply sends a data packet to a server without checking for acknowledgement and the packet header is sufficiently small. I successfully implemented the packet structure and delivery to the server on the terminal software written in C. However, I was unable to get the server to recognize that it received the packet in my remaining time at Hughes. Using Wireshark, I confirmed the reception of the packet, but none of the open-source MQTT-SN brokers I used worked.
+
- I'm a Senior at the University of Michigan pursuing dual B.S.E.'s in Mechanical Engineering and Computer Science. I expect to graduate with both Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.
-
- My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls. I will be working at Rivian as an ADAS Controls Intern during the Summer of 2020.
-
- My personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software. You can check out some of my favorite video games, podcasts, music, and software on the Personal page.
-
- My favorite sports teams, in ranked order, are:
-
- Feel free to reach out to me via email if you have any questions about my website, college education, professional experience, or anything else. If you have suggestions for the website or would like to see the source files, check out my GitHub repository. If you would like to connect with me on LinkedIn, use the link below. I will do my best to respond to any communication in a timely manner.
-
- My idea for this website started simply as a way for me to present my professional portfolio. As I started learning HTML and looking at other websites for inspiration, I decided to make it my own and add in the personal page with some of my recommendations and favorite things. Additionally, I noticed that very few people had any documentation on how/where they learned web design. While git repos were generally made public, it was hard for someone to understand what was going on if they weren't already familiar with the framework or language being used. Thus, I decided to create a documentation page which will hopefully help others who are interested in making their own website do so using what I have learned from friends I have talked to. It also helps me save some useful links in a way that others can see and understand the use case for.
-
- This website was originally designed in HTML with some CSS for styling. However, I ran into issues with scalability and mobile browser support. See Web Design below for my current implementation method and some other cool things that I have discovered through my learning process that you may find interesting.
-
- There are a couple of options I have found for hosting my website (for free). As a U of M student, I am able to create my own UM Web Page hosted on U of M Servers or create a personal site hosted by Google through the U-M Google collaboration. I have not looked into the Google Sites option, but there is documentation available if you are interested. I originally opted to create my own site and host it on U of M Servers. Information on how to do this can be found on the UMICH Information and Technology Services website. Some limitations I found with this were that I would have to manually upload my website files to the afs directory as the SFTP process described did not work for me. Additionally, the domain name for U of M hosted websites take the form http://www-personal.umich.edu/~youruniqname/ which is clearly not ideal. You can sort of get around this by enabling web forwarding on Google Domains. All this does is redirect traffic from your custom domain to the U of M domain. This might be ok for you, but I would prefer to have my website show up at the domain I purchased. Per Yash Vesikar's recommendation, I looked into GitHub Pages to host my website directly from a GitHub repository. This comes with the added benefit that changes are live as soon as you push them to the master branch of your <username>.github.io repository. I found Trent Yang's post about setting up Google Domains for GitHub pages very useful.
-
- When I first made this website, it was implemented in HTML and CSS without the use of a framework. This gave me a lot of custom control over every aspect, but it made some things unnecessarily tedious and difficult. One example of this is the navigation bar. Trying to implement that without a framework is more difficult than it needs to be. Another issue I ran into was compatibility with mobile browsers. Per Tianhong (Sam) Wen's recommendation, I looked into Bootstrap. This has built-in responsive classes that can auto adjust the size and placement of elements based on the screen size. It also provides an easy way to implement some cool features like the navbar, accordion-like cards, and a grid layout to easily place images and text around your website's viewport.
-
-
-
-
-
-
Reusing HTML
-
- The easiest way I found to reuse HTML code is via JavaScript as described in Page Headers And Footers. This is by no means the most elegant or automated, but it was the only method I could get to actually work. If you don't want to go through the hassle of manually removing line breaks, you can use this handy online text converter from Text Fixer.
-
-
-
-
-
-
Display Resume PDF in Website using GitHub
-
- I have the latest version of my resume stored in a public GitHub repository, but I wanted an easy way to share it directly on my website. This led me to look for ways to embed a PDF in HTML. This works great for local files, but not so great for PDFs stored in a repository. The trick is to get the link to the raw PDF file from GitHub and to use Google Drive PDF Viewer. This is outlined in Kekayan's Medium post.
-
- I designed my logo for free on hatchful. My main purpose for this was to have a nice looking favicon for my website on browsers as well as for the home page icon in the navbar.
-
- Visual Studio Code is currently my favorite editor for most programming applications I work on. I have previously tried Sublime Text, Notepad++, and Vim as my primary text editors, but I was never fully satisfied with their functionality. When I first started using VS Code, I wasn't convinced by it either. It looked like just another text editor with no special features. Over time, Microsoft has done a great job of improving stability, speed, and functionality. The feature that finally made the decision for me was the community support for extensions. If you are a die hard Vim user for example, there's a Vim emulation extension that should ease the transition. I just love the overall aesthetic, auto-completion, and sheer number of features available. It runs on every platform you could conceivably develop on and it looks great! Don't plan on switching editors any time soon! Check out some of my favorite extensions and customization options below. If you are using chocolatey, you can install VS Code with choco install vscode.
-
- My current favorite font for development and general use is FiraCode. I love the style and ligatures for common character sequences such as comparisons and arrows (e.g. >=, ->, and ==>).
- This is my current favorite productivity app. I use it to keep track of things like homework, personal tasks, gift ideas, shopping lists, personal wish lists, upcoming video games, etc. I previously used Trello and Google Keep to track tasks and random bits of information, but Notion has been a game changer. While the full experience is locked behind a paywall, you can get the paid tier for free if you have a university (.edu) email. If you haven't already, I would suggest giving it a try. Use this referral link to get some free credit on your account to use if you decide to use any of the paid tiers. If you are using chocolatey, you can install Notion with choco install notion.
-
- Have you ever wondered if there was an app to combine all of your messaging apps into 1? Well, Clatter is the answer. I used to keep multiple tabs and programs open so I could see all of my messaging services at once, but with Clatter, they are all neatly packaged in one application. Any messaging service with a web app can be accessed through Clatter. Give it a try, I'm sure you will enjoy it as much as I do.
-
- If you have ever felt that the default windows terminal could use a refresh, you are in luck! Microsoft has been working on an updated version of Windows Terminal that provides tabs for Command Prompt, PowerShell, and WSL. It also offers a faster, better looking, windows terminal experience. At the time of writing, Windows Terminal is still in preview, but hopefully the full version will be released to everyone soon. If you are using chocolatey, you can install Windows Terminal with choco install microsoft-windows-terminal.
-
- Chocolatey is Windows's answer to Homebrew. It is essentially a package manager that allows you to easily track and upgrade/install/uninstall programs on Windows. You can easily install any programs you need via command prompt and avoid the tedious installation wizard. Just search chocolatey's list of packages, run terminal as Administrator, and run choco install package_name.
-
- Wallpaper Engine is amongst my favorite programs on this list. If you have ever seen live wallpapers on phones and thought can I get that on my PC?, this is the program for you. At a regular price of $3.99, I cannot recommend this enough. Fair warning, this will drain your battery and RAM if you plan on running it at its highest settings with animations and other compute heavy settings. On my laptop, I changed the settings so the wallpaper is static when unplugged, but animated and reactive when plugged in. There are some memory saving options that can pause the program when another program is in full-screen and in-focus to improve battery life and performance.
-
- Fences is a desktop management software that allows you to group your desktop icons into fences. These fences can be rolled up so they are tucked away neatly into a corner, allowing you to view your desktop wallpaper while still being able to access your shortcuts when you need to. I really like Fences because it keeps my desktop clutter-free and I get to look at my amazing wallpaper (see Wallpaper Engine). I purchased Fences on Steam, but you can also get it directly from Stardock's website. Would definitely recommend getting it if you have a cluttered desktop.
-
- I wasn't actually interested in Start10 when I first got it. I got it in a bundle with Fences. The gist of Start10 is that it allows you to customize the way your taskbar looks and the style of start menu you would like. The options are Windows 7, Windows 10, or Modern. Windows 7 has the classic
- search bar and list of applications. Windows 10 has the list of programs and start menu tiles introduced in Windows 10. Modern style is a bit of a hybrid. It has the application list from Windows 7, but the theme looks more like Windows 10. I personally prefer Windows 10 style because of the tiles that easily let you launch your favorite apps. I wouldn't necessarily recommend getting Start10 on its own as I don't see much value in it, but it is a nice addition if you have ever wanted to change the look of your taskbar or start menu.
-
- This is my preferred Podcast app. I have it on my Android phone and I use the Windows app on my desktop and laptop. I purchased the web app and android app prior to the newsubscription model that Pocket Casts has implemented. While I don't agree with this new pay structure, I appreciate that they have implemented a free tier that has the majority of features that most people will need.
-
- I discovered this on a MEGA PRO TIPS post on r/galaxys10 (tip 29). All relevant information on what apps to download and a fix for a login issue can be found in the reddit post. The gist of the app is that it removes ads from YouTube on your android phone and you can play music while your screen is off for free.
-
- This is the best PDF editor/reader I have found that doesn't require a paid subscription (unlike Adobe) for all of its features. You can easily write/edit, fill out forms, and add digital signatures. All for free.
-
- Similar to YouTube Vanced, this app removes ads from YouTube. The main difference here is that myTube! is a Windows app rather than an Android app. You should also check out UWP Companion so you can redirect YouTube links from your web browser to myTube.
-
- I have been using the development build of the new Microsoft Edge since around June 2019 and have generally enjoyed it. It will be very familiar for those coming from Chrome since it is also based on Chromium. The main reason I like it is for its speed and reduced RAM usage. I haven't done any official tests comparing performance, but it subjectively seems more responsive. Additionally, most if not all Chrome extensions can be used on the new Edge, so that should help ease the transition for those who can't live without them. One of Microsoft's main selling points for the new Edge is privacy features. Overall, there are still a few issues I have encountered like links in google searches not opening properly, but I can put up with that for the performance improvement. Finally, you will want to change the default search engine to google unless you plan on using Bing for those Microsoft Rewards points. If you are using chocolatey, you can install Microsoft Edge with choco install microsoft-edge.
-
- Your Phone from Microsoft is the answer to my long-term need for a way to interact with my phone from my PC (not you Samsung DeX). At the time of writing, this isn't supported on all android devices, but it works with my Samsung Galaxy S10+. The main feature I use is viewing my phone's notifications on my PC, but they have also implemented Phone Screen which let's you interact with you phone via mouse and keyboard (or touch screen if you have it). If you have a supported PC and phone, you will need to download the Android App and the Windows App. If you have ever wanted a better way to integrate your desktop/laptop and phone experience, this is it.
-
- I discovered Remote Fingerprint Unlock recently, but in my short time with it, I absolutely love it. When Google announced the Pixelbook back in 2017, needless to say I was very disappointed to hear that the great hardware would be paired with Chrome OS. One feature I wished I had on Windows + Android was the ability to unlock the Pixelbook with an Android Phone. With this app, you can do just that. You'll need the Android App and the Windows Program. If you get the Pro version, you can even use the Wake-on-LAN feature.
-
- I first learned of Ditto from Nick Janetakis's post on Boosting Software Developer Productivity with a Clipboard Manager. I used to struggle with the limitation of only having one item copied in my clipboard at a time, but Ditto provides a light and simple solution. You can copy as many things as you want with ctrl+c as usual. When you want to paste, simply open Ditto and select the item you want to paste! If you are using chocolatey, you can install Ditto with choco install ditto.
-
- A full list of my desktop PC build components can be found on PCPartPicker. My current build has stayed largely the same from when I first built it, with the exception of the peripherals and monitors. I have upgraded my keyboard, mouse, and speakers over the past couple of years as I found deals.
-
-
-
-
-
-
-
-
-
Laptop: HP Spectre x360 15"
-
- My laptop is mainly used for school. I wanted a touchscreen so I could take digital written notes in class and I needed a good processor and dedicated graphics card for CAD software and for general programming applications. I landed on the HP Spectre x360 because it had a great balance of specs, amazing display, touch screen, and very nice typing experience for a reasonable price. I was initially leaning towards a Razer Blade or Microsoft's Surface Book. The former would be great for school and for gaming, but it isn't great for taking handwritten digital notes. The latter is similar to the Spectre in regards to specs, but has a favorable display ratio. The main reason I chose against it in the end was the high price relative to the Spectre. I was able to get very comparable specs for a much lower price with the Spectre. My laptop is the 2016 model with Intel i7-7500U CPU, NVIDIA GeForce 940MX GPU, and 16 GB RAM. The newer models have thinner bezels, diamond-cut corners, updated specs, and better trackpad drivers. I got around this issue by installing Microsoft's Precision Trackpad drivers myself as the pre-installed Synaptics drivers are not great.
-
-
-
-
-
-
-
-
-
Tablet: Microsoft Surface Go
-
- The Surface Go is primarily used as a secondary-device and tablet. I use it for media consumption and occasional e-book reading. It is by no means powerful enough to act as my primary device, but I like it as a secondary device that I will occasionally use. If you do end up going with the Surface Go, make sure you turn off S mode to be able to install apps that aren't on the Microsoft Store. If you are a Costco member, I would recommend looking at the Surface Type Cover bundle. This bundle has a 128 GB SSD, 4GB RAM, Intel Pentium Gold 4415Y CPU, and includes the type cover.
-
-
-
-
-
-
-
-
-
Phone: Samsung Galaxy S10+
-
- Got the Galaxy S10+ on sale on Amazon's Prime Day. My previous phone was a Pixel 2XL which I really liked, but I decided to switch to a Galaxy after the Pixel 3 was a bit of a disappointment and the Pixel 4 wouldn't come out until later in the year. Other phones I considered, but ultimately decided against were the OnePlus 7 Pro and Samsung Galaxy Note 9. In retrospect, I would have waited to replace my Pixel 2XL until the Galaxy Note 10+ came out and the price dropped down to something reasonable. However, I am happy with my decision as is.
-
-
-
-
-
-
-
-
-
Watch: Samsung Galaxy Watch
-
- I previously had a Moto 360 Sport smartwatch, but the performance was extremely disappointing. After looking at other Android wear devices, I didn't feel that another compelling watch on the level of the Apple Watch for iPhones existed. Thus, I decided to switch to the Galaxy watch. My primary impressions of Tizen OS vs Android Wear is the lack of supported apps. I have found that this really isn't that big of a deal as it has great media controls for your phone and the amazing rotating bezel interface. This is by far the superior input method for watches and I feel that all watches should have some variant of this. Overall, the performance is great and I have come to appreciate Samsung's brand of apps for my phone and watch.
-
-
-
-
-
-
-
-
-
Wireless Earbuds: Samsung Galaxy Buds
-
- I found these on sale at Costco and heard that the audio quality was among the best for the price. I love that they also have audio passthrough so you can hear your environment when necessary, or keep noise cancelling on. They fit nice in my ears and don't fall out. My only grip is that the mic isn't that great for taking phone calls. Integrates well with my Galaxy Watch and Galaxy S10+. My one grip is the battery life. Samsung reports 6 hours of charge in the earbuds and 7 hours in the case. In my experience, this is pretty accurate. Don't expect long, continuous music sessions.
-
-
-
-
-
-
-
-
-
Wireless Headphones: Sony WH-1000XM3
-
- I actually purchased the WH-1000XM2's myself before the XM3's came out, but the XM3's are an improvement in every way and well worth the price. Sound quality is amazing, noise cancelling is excellent, and it has audio passthrough in case you need to hear your environment. If you need wireless bluetooth headphones, this is it. You can get these headphones for around $290 on Drop. My favorite feature is definitely the battery life. Sony reports 30 hours of charge. If you will be away from an outlet for an extended period of time and plan on using your headphones a lot, these are great.
-
- As an aspiring roboticist, I'm very interested in the state of the art in artificial intelligence, machine learning, and robotics. The AI podcast, hosted by Lex Fridman, is a series of conversations with prominent members in the field of AI, science, and technology at MIT and in industry.
-
- As a New England Patriot's fan (most because of Tom Brady), I really enjoy this (perhaps too Boston-centric) sports podcast. Bill Simmons grew up in the New England area and supports all of the Boston teams, although he currently lives in Los Angeles. I enjoy his conversations with friends and family about the week's events in sports, generally focused on NFL and NBA. He occasionally has celebrity guests and sometimes brings guests on to talk about TV and movies.
-
- I love the light-hearted and sometimes comedic news and analysis of Premier League (and others) matches. The rotating cast of football journalists and long-time hosts are thoroughly enjoyable to listen to every week. Definitely recommend this podcast for any football (soccer) fans.
-
- The Giant Bombcast is a great podcast for video game fans. They discuss video game news, latest releases, and sometimes stuff completely unrelated. Very fun to listen to throughout the week as each episode is pretty long.
-
- The Vergecast is perhaps my favorite podcast of any genre. The hosts discuss the week's tech news and other nerdy topics as well as interviews with tech leaders. Cannot recommend this enough.
-
- This is my favorite news/comedy podcast. I love hearing about the week's wacky stories and the rotating panel of comedians' opinions on world events.
-
- My go to for the major news events of the day (as implied by the name). It's ready every weekday by 6 AM and generally doesn't run longer than 30 minutes. Great way to start the day.
-
- This is long-form historical discussion and analysis. If you are interested in diving deep into historical events from the perspective of someone who knows how to tell a story, this is the podcast for you. Episodes are generally 4 to 5 hours long and aren't released very often as they require an enormous amount of research.
-
- The premise of Throughline is exploring how we can look at the past to understand the present. The hosts are awesome and always find very interesting stories in the past relating to current events that help put things in perspective.
-
- I'm not entirely sure how to describe this podcast. According to the podcast description, Invisibilia is about the unseeable forces that control human behavior and shake our ideas, beliefs, and assumptions. Definitely very interesting and different from most of the other podcasts I listen to.
-
- Hughes sells mobile satellite terminals that provide internet and phone service to customers. Some customers who purchased terminals in bulk (~1000) required non-default settings. The configuration process of manually changing settings on each terminal was tedious and error-prone.
-
-
-
Task
-
- My job was to develop a Windows 7 / 10 program that would automate the terminal configuration process.
-
-
-
Result
-
- I designed and developed a GUI program in C# that detects which terminal model is connected and uses the available interface (REST API or FTP) to copy the configuration of the master terminal. This can then be used to automatically configure subsequent terminals.
-
-
-
Customer Feedback
-
-
"Btw the tool you sent us is helping a lot. Thank you so much."
- Hughes mobile terminals allow customers to have internet and phone access in remote areas via a satellite connection. Some customers may find value in a GPS feature built into the terminal. In this situation, the terminal would send GPS coordinates to a server at regular intervals of time, distance, and/or velocity as configured by the end-user.
-
-
-
Task
-
- My task was to investigate a way to minimize the data packet size of GPS coordinates and to update the terminal's software to send these data packets to a server configured by the end-user.
-
-
-
Result
-
- This project was assigned to me after the completion of my previous project, which was intended to last the entire internship. I was able to determine that MQTT-SN was a good option as it simply sends a data packet to a server without checking for acknowledgement and the packet header is sufficiently small. I successfully implemented the packet structure and delivery to the server on the terminal software written in C. However, I was unable to get the server to recognize that it received the packet in my remaining time at Hughes. Using Wireshark, I confirmed the reception of the packet, but none of the open-source MQTT-SN brokers I used worked.
-
/cdn.vox-cdn.com/uploads/chorus_image/image/59850273/Docker_logo_011.0.png){kind=logo}
-
- 
-
- 
+
+ 
+
+ 
+
+ 
+
+ 
+
+
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
- 
- 
- 
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
- 
- 
- 
- 
- 
- 
- 
-
- 
- 
- 
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
- 
- 
-