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.
Run a local server on the port 9000
.
Create the dist
folder with all builded files.
After builded you can serve using the http-server
package, by default the port will be 8080
.
Run lint for JavaScript and SASS.
- 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
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.
- 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;
You can find the layout here.
- 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! 🤞🏽