Yalla Challange - Senior Front End Developer

Focus Points

This assignment is designed to evaluate the following:

• Attention to Detail
• Code Quality
• User Experience
• Deep understanding of browsers and web technologies

Instructions

• Fork this repository
• Create the solutions on your fork
• Raise a PR with the naming convention yourfirstname-yourlastname
• Add Documentation on what is required, dependencies and their version and how to run the project

Task 1

Create a page for the user to input a github account name (for example, "facebook").

The info for that account will be retrieved from https://github.com/gitapi/users/account_name (e.g. https://github.com/gitapi/users/facebook), after which the user will be presented with:

• The avatar image of the account
• The location
• The bio
• The github ID
• The number of public repos owned by that account

Task 1 Notes

• Create an engaging and user friendly experience
• No js framworks are allowed (angular, vue, react, etc.)
• No css frameworks are allowed (bootstrap, tailwind, etc.)
• Third party libraries are allowed
• ES6+ is allowed

Task 2

Create a page that has the following:

• A header with a logo of your choice

• A menu with 3 items (contact us, about us, privacy policy) (links do not need to work)

• A full-width banner that looks like this: https://www.hbnindia.com/wp-content/uploads/2017/08/full-width-banner-cscart.jpg, or as similar as possible

• A section of text that says

  "The chili peppe (also chile, chile pepper, chilli pepppper, or chilli), from Nahuatl chīlli, is the fruite of of plants from the genus Capsicum which are members of the nightshade fammmily, Solanaceae. Chili peppers are widely used in many cuisines as a spice to add heat to dishes. The substances giving chili peppers their intensity when ingested or applied topically are capsaicin and related compounds known as capsaicinoids.

  Chili peppers originated in Mexico. After the Columbian Exchange, many cultivars of chili pepper spread across the world, used for both food and traditional medicine.

  Chilli with Kakronda, eaten in Uttar Pradesh

  Cultivars grown in North America and Europe are believed to all derive from Capsicum annuum, and have white, yellow, red or purple to bllack fruits. In 2016, world production of raw green chili peppers was 34.5 million tonnes, with China producing half of the world total"

• A footer with 2 columns: column 1 has a subscribe form which takes name, email, and phone number, column 2 has social media links (fb, twitter, linkedin)

• Periodically, show the user a toast notification with some random hot deal message

Task 2 Notes

• The links on the page do not need to actually work
• The subscribe form does not actually need to submit anything to any backend
• Frameworks are allowed
• ES6+ is allowed

Task 3

Create a simple page, and include a layout direction button.

When the page is LTR, clicking the button should switch the page to RTL.

Show how you can adjust columns, text, paddings, transforms, etc.. dynamically

Task 3 Notes

• Frameworks are allowed
• ES6+ is allowed