SideHustle Frontend Project (Team HypeMan)

This is a team article written under the name Team Hypeman. A frontend React Team at Sidehustle *

What is SideHustle?

A remote Side Hustle internship for free to learn high-demand skills that will give you a competitive advantage in the global workforce. Side Hustle engages interns in a lot of fun networking, taking on tasks and as a reward for good work done, they earn stipends. Ultimately, a selected few become part of a startup where they put their skills to use.

Capstone Project Frontend Team

These are biweekly projects carried out by each team at the Frontend React Group

Capstone Project for the week requirement

Use React Js
Provide a useable experience across all modern web browsers and users who require assistive technologies.
Recreate the Google homepage ( Google )
Replace the Google Logo with the SideHustle logo
When a user types in the search input field, update the SideHustle logo to the value in the input field.
When the input field is empty, display the logo again
Document your code and publish a write-up on hashcode or medium as a team on your experience so far learning React JS and in Side Hustle Internship so far.
Host your project on Vercel or Netlify
Submit Article Link, Github link and live Link
Project Deadline is Sunday

Development process

Stage 1

The project was initialize using the node package manager for react
```
npx create-react-app hypeman
```
Other packages include:
- reactstrap
- bootstrap
The default directory structure was set and more directories were created to suit the project. Below is our Directory Tree
The necessary libraries were imported Body:

Footer:

Header

App.jsx
All components were in arrow functions (ES6) this is excluding the App.jsx file

Body:

Footer:

Header

App.jsx

Then they were exported respectively for production

Body:

Footer:

Header

App.jsx

Starting wasn't easy as most of us had little to no react experience, but we were able to pull through, all thanks to the available Frontend community and team collaboration. Below are the materials and codebase of the coding process :

Github : https://github.com/jo-dev123/SideHustle__HYPERMAN

Live site: https://focused-khorana-7cc5c4.netlify.app/

Every one of the TEAM HYPEMAN is truly grateful for this opportunity given to us by the SideHustle team.