cft

SIDE HUSTLE INTERNSHIP 3.0: MY EXPERIENCE

Internship experience with Side Hustle


user

Adaeze Ndupu

2 years ago | 4 min read

INTRODUCTION

Home Page
Home Page


Greetings Tealfeeders ๐Ÿ‘‹! It has been roughly 2 weeks since I've been on this amazing journey with Side Hustle Internship 3.0 and firstly I just want to once again appreciate our mentors for their guidance so far and the administration for the opportunity. As I've stated in the title of this blog, I will be sharing my experience so far.


WHAT IS SIDE HUSTLE INTERNSHIP?

Over the years SIDE HUSTLE has had several cohorts to help equip Africans with varying career choices such as: Front-end Development, Content Creation, Video Animation, Product Management, among many others; to have an experience or idea of what it entails to be in those fields as well as equipping them with the necessary skills to be successful in said fields.

The courses offered in the internship are broken down into tracks and upon registration a track of choice is to be selected. These respective tracks have their own modes of tutoring such as telegram voice chat sessions, google meet video sessions, you-tube videos from well known professionals,etc.

Humans tend to do better when competition is involved, and this internship does well to sate that thirst. SideHustle internship introduces a new topic weekly which serves as the basis for the weekly tasks and quizzes, and it also comes with a leader board which updates weekly based on the total points . The ranking system is based on points attached to the weekly tasks and quizzes which then reflects on the leader board.


Here is what the Leader Board looks like:

Side Hustle Leaderboard
Side Hustle Leaderboard


MY EXPERIENCE

I found out about this internship through a friend's post and decide to apply for it. I am currently part of the Front-end Development track called Website Design & Development (Frontend) and it has been a whirlpool of an experience. It has been two weeks so far and I will break down my experience based on those weeks.


WEEK 1

The first week was all about the very first thing any front-end developer enthusiast has to begin with: HTML - Hyper Text Markup Language.

The very basis of web development. We had voice chat sessions with one of our mentors known as SHAYDEE CODER, who also sent a couple of resources from popular tutorial sites such as [w3schools](https://www.w3schools.com), [Tutorials Point](https://www.tutorialspoint.com) and youtube videos for our perusal.

The first week quiz was 10 questions all about HTML and the task was as follows:

Create a tribute page
Heading: Name of Internship, Name of Intern, Intern ID, Best Life Quote.
Include the Picture of the person youโ€™re writing tribute to.
Write your tribute, it must contain the use of at least 20 html tags in no order
Include a form section whose input fields are Name, Phone Number, Email Address, Date, Sex.
Submit on the codepen you created earlier, only a codepen link or github, if you can use it.


It was relatively easy for me as I have experience with HTML but nevertheless it was fun. I also learned something new about forms, that is, there is a form type for color. it came across as surprising and just further backed up my belief that you learn something new everyday and you can never really know everything, just most.

MY SOLUTION


WEEK 2

The second week as some would have guessed was about CSS - Cascading Style Sheet.

This took us around the design phase and resources were shared as per usual with video attachments and scheduled google meets.

The task for this week was taken from a popular site that promotes Front-end development called [Frontend mentor](https://www.frontendmentor.io). In details the task was:

1. hereโ€™s the link to the major task for CSS https://www.frontendmentor.io/challenges/fylo-dark-theme-landing-page-5ca5f2d21e82137ec91a50fd
2. Download the design files needed and follow all instructions
3. Ensure you do not copy someone elseโ€™s work else your task would be disqualified.
4. Take your time to understand the layout of the design page before coding.
5. No frameworks must be used, just plain CSS
6. Make your work responsive across all devices using CSS flexbox or grid.
7. create a repository on github and upload your files to github.
8. Host your website using either github pages, vercel or netlify.
9. Submit the links to your repo and the live/hosted site.
10. Feel free to ask questions where necessary.
11. Best of luck.


MY SOLUTION

I hosted my solution using github pages and the live link is: [Dark Themed Landing Page](https://vermilion4.github.io/dark-theme-landing-page/)

Github repo solution : [Dark Themed Landing Page on Github](https://github.com/vermilion4/dark-theme-landing-page)


SCREENSHOTS

Mobile View
Mobile View
Desktop View
Desktop View


This challenge was to help learn how to build a responsive site with pure CSS.


MY PROCESS

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • CSS Grid
  • Flex-Box
  • Mobile-first workflow

The hardest parts for me were trying to put the wave background, positioning the mail over the footer no matter the screen size, and just the overall responsiveness without making anything look iffy. I was able to sort through all this using z-index, flex-box and grid.


MY LINKS


IN CONCLUSION

The Internship so far has been interesting and somewhat of a wake up call but i am still holding on strong and looking forward to more and more as it comes. I ought to take the bull by the horn and You will be hearing more victories from me soon Tealfeeders.


BYE!! ๐Ÿ‘‹๐Ÿฝ๐Ÿ‘‹๐Ÿฝ๐Ÿ˜Š







Upvote


user
Created by

Adaeze Ndupu

Tech enthusiast


people
Post

Upvote

Downvote

Comment

Bookmark

Share


Related Articles