GitLab The Techy Tanuki, 25 Aug 2021

Previous Meeting

Next Meeting

⏯

youtube image

►

From YouTube: The Techy Tanuki 1.2 - Rajiv Ranjan

Description

In this episode, we talk with Rajiv Ranjan, a student at Lovely Professional University in Samastipur, Bihar, India. Rajiv created a static website using GitLab Pages all about Anime for an anime and cartoon-themed hackathon.

Links:
Rajiv's site: https://rajivranjanmars.gitlab.io/Anime-Map/
Rajiv's Repository: https://gitlab.com/rajivranjanmars/Anime-Map
Rajiv's Linkedin: https://www.linkedin.com/in/rajivranjanmars/

Find out how your classroom can get free licenses of GitLab!
https://about.gitlab.com/solutions/education/

Apply for the Student Spotlight!
https://docs.google.com/forms/d/e/1FAIpQLSdHzG0IEDw6VlUQDqWsweNRDIdM2HQpoBH-t2OzK1m0_SMeiQ/viewform

0:00 Intro Video
1:55 Host, Pj Metz, arrives
3:41 Rajiv arrives 🥳
5:19 Lovely Professional University and the Olympics 🏋️‍♂️
8:08 Google Developer Student Club at LPU 💻
10:26 GitLab and Gitlab Pages 🕸
12:00 The Repository and the story of the Hackathon
15:15 Using CI/CD to create a static webpage
15:50 The Website
17:33 YOU'RE ON MUTE 😔 😆
21:14 Rajiv's Plans for the future
22:46 Rajiv's advice for other students
24:36 Shout outs!!
25:40 Namaskar 🙏

A

A

Oh yeah welcome we're live, we are live on twitch.

A

We are broadcasting to the whole world and we are here today for uh kind of the first real episode of what we're calling the techie tanuki, as you saw on that fantastically edited and created video ahead of time and uh the techie tanuki is a show that I'm gonna host uh once every week, a few weeks or when the guests are here, and it's about people in tech that are doing stuff with git lab that we kind of want to show off uh specifically we're going to have a lot of what we're calling student spotlights on the techie tanuki and the whole point of these student spotlights is to show students who are still in university, uh maybe even eventually high school.

A

We we don't know yet I mean students are students everywhere and we're going to be talking to them about projects they've completed or created using git lab. So we talked last week with alejandra russi who was making courseware as code.

A

An absolutely amazing super cool um way of helping teachers create uh courseware like literally presentations and tests and quizzes for their classes by using code and a gitlab repository today we have another very special guest, another very amazing person, uh all the way from samasthapur bihar in india attending lovely professional university, which we're gonna talk more about that university. Later, it's amazing and he's here to talk to us about a gitlab pages project that he created as part of a hackathon everybody. Please welcome rajiv ranjan.

A

Hello rajiv.

A

How are you doing today.

B

Yeah, I'm perfectly fine like what are you.

A

I'm doing great- this is fantastic, oh I'm so excited to have you here today, like I really uh I just like that. I get to talk to people like my job is that I get to talk to students about the things they're doing in school, which uh is great for me, but first, why don't you tell us a little bit about yourself where you're living, what you're doing and um a quick biography? If you don't mind.

B

Okay, so hey everyone, I am rajiv and I'm a student at lovely professional university currently pursuing vtex csc, I'm a part of google developer student club, as well as a web lead of a student organization known as tanzanite, and uh just after completing my uh intermediate exam. I I sort of brought interest in web development and, from then onwards as much as I did deeper.

B

I got to know about more tech stacks in the web and uh after knowing that how deep this is, I just keep on exploring, and here I am now with you all and thank you, mr mates, for the lovely introduction.

A

Oh please, mr metz is my father, uh I'm pj, but yeah uh that that deep dive into web development and seeing that excitement is what we love to see in students, because that excitement can take you so far in your learning and in your abilities.

A

So you said you attend a lovely professional university and I was doing some research and I found out that lovely professional university has a bunch of olympic athletes like 10 of the athletes that india sent to the olympics were from lovely professional university. Yeah is.

B

A

This seems like it would be the biggest. Is this the biggest school in india? Is it a big deal, or is it um like tell me about your school.

B

So my universities are great: it's it's a 600 acre, so there is a lot of space and the amount of the working culture in my universities. Really you can't find it anywhere in india and uh the working culture. The culture in our university is so supportive that whatever you want to do in the life, the university is there. It will help you in career in your projects, so either you are a student who want to create a web project or you are in sports, who really want to represent your country or anywhere the university.

B

Is there to support you, uh even if we are in online mode? There is a lot of support coming from the university for us, so it's still so surreal.

A

That is, that is fantastic and it's gotta be so exciting. As a student, I know that uh the school that I went to the university of florida. uh We get very excited around the olympics because every once in a while there's an athlete in the olympics from our school, um but I don't think we've ever had ten percent of the the people that got sent. That's amazing and one gold, two bronze medals. That's amazing!

A

That's gotta, be very exciting, um so lovely professional university and that's in uh samasthapur in bihar, which, um if I'm correct, is the uh the north east part of india.

B

Yeah, it's in north northwest part.

B

Is a really great place for the 66 and uh the university is in 600 acres and uh especially it is based in jalandhar punjab. That's the place.

A

Okay, awesome and do you ever get to go into the himalayas like have you ever gone and like at least look you don't have to hike them because that's kind of hard. I think.

B

Yeah yeah, you know for loving checking and uh I'd gone on track of all two or three yeah. Trekking is one like when.

A

A

Awesome uh tell us more about the google developer student club that you're you're part of that you're. That you're the leader of is that correct. No.

B

No, so I am just a coordinator lead, I am not the leader, so I have to coordinate the events there, uh but yeah as a part of the lead team. I I will work with other leads to work in in the organization, so the google developer student club is an organization where the students of lovely professional university who are uh interested in google based technology like google cloud tensorflow and flutter portland android, and all the things that is part of google software ecosystem.

B

So we came around we, we all guys sit together and develop a lot of products based on google products and that's the most robust. uh You know it's like my own powerhouse, because uh how much I learned from those guys is what I am so uh all of my uh learning in the web technology and the interest kind of goes uh grows from there.

A

That's super exciting and the having that community, where you can work together. That's what really helps people to achieve more. So any of you out there who are students if you're looking for a way to level up your skills a way to keep getting better finding other people to work with is a great great way to do that, and it sounds like this. Google developer student club is, is awesome about how many people are in that club with you.

B

So we are, we are a team of like currently 40 percent, so we are 20 in the lead and uh the recruitment is going on currently now so people can join in, and uh so it is just- and uh there are five to six person in every team uh which is like in cloud in aml and we all so it's sort of we all share our technology which, with each other, if there is a project on android, so kind of a cloud cloud.

B

Guy comes in and works for the uh like cloud integration there, and so that makes us our makes our product better. So and that's our powerhouse.

A

Absolutely that's fantastic, okay, so um obviously I'm from get lab and uh that's the reason we're here to talk about how you used gitlab. So could you tell us a little about why you chose gitlab? uh What is the reason that you decided to use gitlab for your gitlab pages that you made for your static website.

B

uh Yeah so when we started uh working on the git lab, what we found in that ci cd pipeline and the kind of devops integration provides for our whole project. So everything was so much better here that uh at some of the times when we need to get something from the external play places, the gitlab has everything integrated within its its pipeline system. So we don't have to bother about anything and uh kind of. We have also the gitlab pages where we can host our website.

B

uh We have a gitlab pipelines where we can update our website at every time, so it is kind of a complete devops solution for the for our website. So we choose gitlab, and uh our experience with gitlab was great.

A

Well, you heard it here. First people uh get lab. Is the all-in-one devops solution that you need in order to get your ci cd really really moving all right? So let's talk about this project that you have and I'm gonna bring up your uh repo real quick that you have. um This is an anime map and I want you to know that I very specifically uh chose my shirt today on purpose, because this is a shirt from uh my hero. Academia, that's all might, and this is an anime.

A

It's called anime map, but it's so much more than that. So tell us a little bit about uh what it does why it exists and how the idea came up for this as well.

B

So we are part of a coding hackathon, so the hackathon was only based on anime or cartoons or we can go for and if we want to extend it, we can go for the comics, but the kind of community anime guys have- and at this moment this is the hot topic in the town. So we thought okay, let's give it a try.

B

uh Actually, at the time of when I make this website, I was not in the anime that much so one of the teammates was that was very much into anime, so he suggested that you know. uh So we asked him that what's your problem, so is there any puzzle?

B

First, he said that anime void is really great and but later on, uh by exploring some time what we found out that there is not a very good place where anime songs are great, but there is not a place where we can found a lot of anime songs so that it will juice up and put our inspiration up high. So we thought: okay, let's give it a try and we will make it and uh from then onwards we also got god for some of the more idea hunting.

B

So we started with uh first animap radio, and uh we also are thinking of making a 4d map where it is actually a 3d map with the time introduced as a fourth dimension. So uh there are a lot or just leave for the general community, but uh I will start with so all of you have seen avengers movie, so uh I'm coming to comic cycle. I don't so.

B

If you see star tower, the star tower was first introduced in avengers 2 2012, but is it but it is also in uh at late like far from home. It was there so after uh so much time. The avengers tower has uh uh first it it has stark written over over on the top. But now it's just a so with the time revision. Avengers tower changed a lot. So, whatever the any map radio has the idea that in the map we will create uh like if star tower, is there uh it's a tree.

B

There will be a 3d tower and people can see it by crossing the time that how it it has changed over the time. So it was something we will work on later. So currently we are learning er, vr technologies, but yeah in future. We will do it for you.

A

That's super exciting and man, I really gotta say like definitely. The avengers is something that, like I get excited about. I just watched released yesterday this night, the spider-man trailer for the new movie, oh man, my little my little anime nerd heart and my comic book nerd heart is so happy about it. um So, let's, uh let's take a look at the actual uh website here, so this is a static website that you created from the repo.

A

Is it is it? What was it like? Taking your repo and turning it into a static website? Was that difficult? Or was it uh quick and easy.

B

It was super easy. All you have to do is just go into the cicd pipeline of the gitlab, and just tell that this is an html page and all that other things like where the index.html is there and all of the things will it will get all all the things on its own. The ai is there and that works perfectly fine. You don't have to even bother about how to host it and how to put all the things all together. The git lab will take care of everything, users develop, and it's all.

A

Yeah it looks like it's only 18 lines of yaml and seven of those lines are comments, so 11 lines of yam will get your gitlab pages up and running. So let's take a look at the website. I'm gonna go ahead and click get started here.

A

I gotta say opening with death. Note is a strong choice. Classic show and it looks like we've got a uh a bit of a gallery here: attack on titan some great shows here I keep every time I finish an episode of my hero, academia because it releases every saturday on hulu, where I watch it. The next thing it recommends to me: it's like hey, you should watch attack on titan, I'm like I already watched it, I'm good! So we have. This is the home page. We've got some facts about goku, saitama and kira.

A

um Let's go to the music because you said this started out as a music thing right yeah. So um what exactly are you using? How are you creating this playlist? How are you making this background work? How do you get the music to play? Tell us about that process.

B

So all the things are posted on google cloud and from uh from there it is integrated with our pipeline and uh all the databases are also around the google cloud in a public uh repo in a public repository or what we can say as a storage place and from there. It is fetching here or direct to the pipeline of the gitlab and as it is so much static.

B

So that's why uh sometimes it takes some time, but once you start playing, uh then it is uh really awesome and uh all the as a as I am part of google developer student club. So it uh really helped me integrating that uh google cloud system with my this website.

A

Did this whole time? Sorry, I've been talking this whole time and I was muted um these preferences uh you can say I want only openings. I want only the ost soundtracks or, if you've been interacting, you can say favorites only now. How do you favorite it well looks like I clicked this star right and it would favorite it for me.

A

I'm so excited about this. I love dragon ball z. It was. It was my first anime that I ever saw.

A

This is great. This is fantastic. So let's talk, what else does this? Do? We've got um a a gallery. Tell us about the gallery.

B

uh So the galleries uh uh there are two galleries: one is of a photo clutter where you can see a lot of photos coming and actually all these photos are from uh at the first. There are only 10 photos and later on. I said my friends that if you are in anime, uh give us some photos- and we want to put you put it up there, and so it is sort of like, as my friends are only using this anime map radio. So they sent me these photos and these four. These photos are from there.

B

So it's kind of their gallery the gallery made by users uh rather than a gallery wide developer. So it's all about the users and their photos, their favorite anime focus.

A

That's great, I'm seeing some stuff from uh your name here, which is one of my favorite movies period, not just favorite anime movies, and this tapestry here is actually inspired by your name. So I'm seeing a lot of stuff I really like on here. This is great and we can shuffle them. um What is? Is this just vanilla, javascript you're, using here, to make this work.

B

Yeah, it's uh mostly it's javascript and uh slight of golang, but we we later uh image committed the golang but yeah some of the code. Is there awesome.

A

All right, let's go back, let's see what else we got. We got. Oh, the developers that worked on it, yeah fantastic!

A

You guys each get to pick nice, that's fantastic tokyo! Ghoul is so good. Is this like a whole manga here you guys can go here to read tokyo ghoul. If you want what that's great well, I I am really impressed. Is this a oh, the history of anime tell me about why you wanted to include that.

B

Actually they hear there are a lot of person uh actually like me who doesn't know anything about anime.

B

So this was a memory lane for them that uh so, even if you introduced to anime at this time, you can see how the anime start and where it is now, so we put it for a person like me that uh yeah, actually the astro boy was the first televised anime and from there on the whole universe of anime started, and this was one of the favorite guys this for this, this person was so much powerful that his one punches he can and he's just charged up.

B

Just like captain marvel, he can't be able, you know he can't be defeated, and so that's really that's what I like. So I thought just put a memory lane out there yeah.

A

That comparison between one punch, man and captain marvel's, actually that makes a lot of sense to me- that's great all right! So um what are your plans for the future? Where are you looking to go after uh after you finish stuff like this.

B

So currently I am exploring a lot of deep into web and in future I I think I will be something I I'm exploring google cloud a lot more, not only google cloud, but microsoft azure and aws too, and there are a lot of some new players in the house, but uh yeah the google cloud and amazon web service are really the thing that excites me most and in future. I will see myself working as a devops, architect or cloud architect somewhere.

A

That's fantastic, well, you're, certainly developing a lot of skills right now. uh How many years do you have left till you graduate.

B

uh Three years, so I have a lot of friends.

A

Listen, that's fantastic and you said when we were talking the other day. You told me that before this hackathon uh you started learning html three months before you did this hackathon with your group. Is that correct.

B

Yeah yeah, so in our university only the only second semester you are introduced to uh html and after two months you are introduced to css. So it's like two months of java, two months of html one month of css and just a little bit of uh javascript from my own, and one of my teammate was so really very good in golang, so we just put it up together and all so yeah. It was really so.

B

uh I suggest everyone who is a student out there uh go to hackathons as in hackathon, you have to create a product, and you have just one or two days time, uh don't think about just winning uh what you will learn in one or two days. That is more than one or two uh two weeks, because uh just in one or two days you will create a full-fledged product and that you can also some place at some place.

B

Just like me, you can serialize your project and uh whenever you need anything, there are a lot of person to help you out there. As you are stuck at somewhere. uh There is a complete community out there to only to only, and only to help you you have mentors. You have a lot of things out there and yeah. The hackathons are very, very much fun. You can go around there. I have a lot of sweet.

B

uh If ever you will get a chance to attend and in house hackathon, uh never miss that, because you are you don't know if you are even gonna, uh the chance will either arrive to you or not so just take that. Take that chance.

A

That's right, I absolutely agree and that's fantastic advice. Getting involved uh in the first place is always a good idea, doing a hackathon you're, absolutely right that it. You have to make something and it's making something that builds your skills. Learning from books and doing exercises is great, but really building something and doing it with a team. That's going to build the skills that you're going to need later in life.

A

That's fantastic advice for chief, like I think you should be running this show like you clearly know what you're talking about um well, that that brings us close to the end. Are there any final words? Anyone you want to say hello to or shout out or anything.

B

There are a lot of my friends I I I found the mono. I found this and a lot of my friends. uh Thank you all for supporting me, uh especially aman patel is there he is like my backbone. So whenever I am stuck at any place, he he's the guy, where I say, hey monu. I have this problem, let's solve this and he was always there for me. uh I also had amazing here and a lot of my friends there.

B

Thank you all for coming here supporting me, and I hope you all be even some of these guys really very, very good good projects uh at some time. You will want to see it all here. I hope you all really also at this platform someday. Thank you for coming and supporting me fantastic.

A

This is an absolutely amazing show like.

B

I am so happy that we did.

A

B

In india, whenever we are like, uh we want to show our any gratitude, so we just do here like namaskar. We.

B

Yeah, so this is like this.

A

This is fantastic all right! Well, that's gonna, be it for the techie tanuki. I'm gonna play the outro video and thank you all for showing up um all the comments. Thank you guys so much for coming and supporting rajiv um and uh especially monu, who wrote back and said no problem. Bro who's very excited to be your close friend, and I'm just uh so happy so happy so happy. Thank you all for tuning in to the techie tsunuki. uh We will see you all next time.

A

A