In order to include SASS and have a basic structure I have used a kit with gulp. You need to have the following installed: Node.js y Gulp after that:
- Download o clone this repository
- Install local dependencies with
$ npm install - Start the kit with
$ gulpor$ npm start
The gulpfile.js uses a config JSON with the files rootes to watch and create.
The folders are organized with this structure:
/
`- _src
|- assets
| |- icons
| |- images
| |- js
| `- scss
| `- core
|
`- templates
`- partials
The main goal of this tech test is to create a client side web application that reproduces the screenshots below by using GitHub API .
We will only evaluate the client side code and the criteria will be based mainly on:
- Good use of pure Javascript language without external libraries and frameworks like jQuery, React...
- Clean HTML and CSS markup
- Clean, maintainable & easy-to-read
- Good architectural practices
- Investigate the GitHub API calls for
userandrepos(for example: test them in the browser) - Launch the web application, for example with:
python -m SimpleHTTPServer 1337 - Open the browser with http://localhost:1337/ and start coding!
- Adding Unit Testing. External libraries limitation doesn't apply here, you can use Jasmine, Karma...
- Build System (browseriy, webpack, parcel..)
- Keep in consideration browsers support
- ES6+
- SASS
The user can search a username of GitHub
If the searched username does exist: The searched user profile is displayed with all his repositories
If the searched username does not exist: An error is shown