Skip to content

GuilhermeDBeitum/Fuerza-frontend

Repository files navigation

Fuerza Studio

Front-end challenge

Would you like to be part of a great team? Contribute with so many amazing project? So, let's start by challenging you to create a front-end page with cool things.

Summary

Quick Overview

Scripts

yarn dev

Run a local server on the port 9000.

yarn build

Create the dist folder with all builded files.

yarn serve

After builded you can serve using the http-server package, by default the port will be 8080.

yarn lint

Run lint for JavaScript and SASS.

Features

  • SASS + PostCSS for stylesheets.
  • ES6 for JavaScript.
  • Pure Webpack to transpile and bundle assets, create sprites, optimize images, etc.
  • Hot Module Replacement for synchronized browser development.
  • JavaScript and SASS linting and fixing using a single yarn command (comming).
  • CSS package:
    • Bootstrap 5

Requirements

Challenge

What you need to do?

Develop the proposed layout, understanding our structure and following our patterns. You'll find more comments on HTML file explaining more detailed about what to do on each section.

What we expect?

  • Ability to understand a new one structure;
  • Delivery a perfect-pixel and responsiveness layout;
  • Ability to delivery a clean code project that others developers can understand;
  • The use of BEMCSS pattern;
  • The use of component-driven methodology;

Layout

You can find the layout here.

How to delivery

Video

  • Create a new repository and set it private;
  • Clone this repository;
  • Add your private repository as a remote, so you can push it: git remote add upstream git@github.com:YOUR_USERNAME/frontend-challenge.git
  • Create a new branch: git checkout -b challenge
  • After you've finished your code, push to your repository: git push upstream challenge
  • Add @fuerzastudio as a collaborator for it (only after finished). This GitHub account (@fuerzastudio) is solely used by Fuerza engineers to download and review it.

Good Luck! 🤞🏽