{"id":16078665,"url":"https://github.com/teekaytech/cyhermes-assessment","last_synced_at":"2026-05-04T08:33:19.090Z","repository":{"id":110874485,"uuid":"346286734","full_name":"teekaytech/Cyhermes-Assessment","owner":"teekaytech","description":"An assessment test for Junior Frontend Developer role at Cyhermes.","archived":false,"fork":false,"pushed_at":"2021-03-10T22:55:20.000Z","size":1236,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-10T21:38:44.003Z","etag":null,"topics":["bem-css","components","netlify","node-sass","reactjs"],"latest_commit_sha":null,"homepage":"https://cyhermes.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/teekaytech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-10T08:35:28.000Z","updated_at":"2021-03-10T22:55:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"a5c7cb1b-fb85-4a7e-9a17-49b0b0256298","html_url":"https://github.com/teekaytech/Cyhermes-Assessment","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FCyhermes-Assessment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FCyhermes-Assessment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FCyhermes-Assessment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teekaytech%2FCyhermes-Assessment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/teekaytech","download_url":"https://codeload.github.com/teekaytech/Cyhermes-Assessment/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247325648,"owners_count":20920713,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bem-css","components","netlify","node-sass","reactjs"],"created_at":"2024-10-09T10:21:12.074Z","updated_at":"2026-05-04T08:33:14.070Z","avatar_url":"https://github.com/teekaytech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cyhermes Assesssment (Static Web Page)\n\nI implemented a static web page with React, as well as styling with SASS. The Design specification can be found [here](https://1drv.ms/u/s!AmUmROjEXqBxtGUuoaeKGyzLxJy3?e=S89dig). Since this is a static web page, I specifically used large screen size (1420px x 567px). I used BEM-CSS methodology for my CSS rules. The webpage may not render well when accessed on mobile or tablet screen sizes, as it is not responsive.\n\n## Built with\n\n- React (Create React App)\n- SASS (Node Sass)\n- ESlint / Stylelint (Linters)\n- Git/GitHub\n- [![Netlify Status](https://api.netlify.com/api/v1/badges/cf702438-b775-4cce-acca-43377530f78c/deploy-status)](https://app.netlify.com/sites/cyhermes/deploys)\n\n## Live demo: [Live Demo Link](https://cyhermes.netlify.app)\n\n## Getting started\n\nTo get a local copy up and running follow these simple example steps.\n\n- On the project GitHub page, navigate to the main page of the repository [this page](https://github.com/teekaytech/Cyhermes-Assessment).\n- Under the repository name, locate and click on a green button named `Code`.\n- Copy the project URL as displayed.\n- If you're running Windows Operating System, open your command prompt. On Linux, Open your terminal.\n- Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.\n- Type `git clone`, and then paste the URL you copied in Step 3.\u003cbr\u003e\n  ```\n  $ git clone https://github.com/teekaytech/Cyhermes-Assessment.git\n  ```\n- Press Enter. Your local copy will be created.\n\nPlease Note that you must have Git installed on your PC, this can be done [here](https://gist.github.com/derhuerst/1b15ff4652a867391f03).\n\n### Prerequisites\n\n- Node\n- NPM / NPX\n- Web Browser\n- Text Editor (VSCode, Notepad++)\n\n### Setup\n\nChange working directory to the project's root directory on the terminal, install dependencies with:\n\n```\nnpm install\n\nor\n\nyarn install\n```\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n`yarn start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n`yarn build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\n## Author\n\n**Taofeek OLALERE**\n\n- [Portfolio](https://taofeekolalere.me)\n- [Github](https://github.com/teekaytech/)\n- [Twitter](https://twitter.com/ola_lere)\n- [LinkedIn](https://www.linkedin.com/in/olaleretaofeek/)\n\n## Contributing\n\nContributions, issues and feature requests are welcome!\n\n1.  Fork the Project: https://github.com/teekaytech/Cyhermes-Assessment.git\n2.  Open a Pull Request\n\nFeel free to check the [issues page](https://github.com/teekaytech/Cyhermes-Assessment/issues).\n\n## Show your support\n\nGive a :star: if you like this project!\n\n## Acknowledgements\n\n- [Microverse Linters Config](https://github.com/microverseinc/linters-config/tree/master/react-redux)\n- [Design Specification by Cyhermes](https://1drv.ms/u/s!AmUmROjEXqBxtGUuoaeKGyzLxJy3?e=S89dig)\n- [Create React App](https://github.com/facebook/create-react-app)\n\n## License\n\nDistributed under the [MIT License](https://github.com/teekaytech/Cyhermes-Assessment/blob/main/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteekaytech%2Fcyhermes-assessment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fteekaytech%2Fcyhermes-assessment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteekaytech%2Fcyhermes-assessment/lists"}