https://github.com/teekaytech/cyhermes-assessment
An assessment test for Junior Frontend Developer role at Cyhermes.
https://github.com/teekaytech/cyhermes-assessment
bem-css components netlify node-sass reactjs
Last synced: about 1 month ago
JSON representation
An assessment test for Junior Frontend Developer role at Cyhermes.
- Host: GitHub
- URL: https://github.com/teekaytech/cyhermes-assessment
- Owner: teekaytech
- License: mit
- Created: 2021-03-10T08:35:28.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-10T22:55:20.000Z (over 5 years ago)
- Last Synced: 2025-02-10T21:38:44.003Z (over 1 year ago)
- Topics: bem-css, components, netlify, node-sass, reactjs
- Language: JavaScript
- Homepage: https://cyhermes.netlify.app
- Size: 1.18 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Cyhermes Assesssment (Static Web Page)
I 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.
## Built with
- React (Create React App)
- SASS (Node Sass)
- ESlint / Stylelint (Linters)
- Git/GitHub
- [](https://app.netlify.com/sites/cyhermes/deploys)
## Live demo: [Live Demo Link](https://cyhermes.netlify.app)
## Getting started
To get a local copy up and running follow these simple example steps.
- On the project GitHub page, navigate to the main page of the repository [this page](https://github.com/teekaytech/Cyhermes-Assessment).
- Under the repository name, locate and click on a green button named `Code`.
- Copy the project URL as displayed.
- If you're running Windows Operating System, open your command prompt. On Linux, Open your terminal.
- 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.
- Type `git clone`, and then paste the URL you copied in Step 3.
```
$ git clone https://github.com/teekaytech/Cyhermes-Assessment.git
```
- Press Enter. Your local copy will be created.
Please Note that you must have Git installed on your PC, this can be done [here](https://gist.github.com/derhuerst/1b15ff4652a867391f03).
### Prerequisites
- Node
- NPM / NPX
- Web Browser
- Text Editor (VSCode, Notepad++)
### Setup
Change working directory to the project's root directory on the terminal, install dependencies with:
```
npm install
or
yarn install
```
## Available Scripts
In the project directory, you can run:
`yarn start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.\
You will also see any lint errors in the console.
`yarn build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
## Author
**Taofeek OLALERE**
- [Portfolio](https://taofeekolalere.me)
- [Github](https://github.com/teekaytech/)
- [Twitter](https://twitter.com/ola_lere)
- [LinkedIn](https://www.linkedin.com/in/olaleretaofeek/)
## Contributing
Contributions, issues and feature requests are welcome!
1. Fork the Project: https://github.com/teekaytech/Cyhermes-Assessment.git
2. Open a Pull Request
Feel free to check the [issues page](https://github.com/teekaytech/Cyhermes-Assessment/issues).
## Show your support
Give a :star: if you like this project!
## Acknowledgements
- [Microverse Linters Config](https://github.com/microverseinc/linters-config/tree/master/react-redux)
- [Design Specification by Cyhermes](https://1drv.ms/u/s!AmUmROjEXqBxtGUuoaeKGyzLxJy3?e=S89dig)
- [Create React App](https://github.com/facebook/create-react-app)
## License
Distributed under the [MIT License](https://github.com/teekaytech/Cyhermes-Assessment/blob/main/LICENSE).