- What you technologies you used and why (if you only used html, css, and js please explain any templates or frameworks you may have used i.e. bootstrap) The technologies I used for this project was React (Create React App) along with React-Bootstrap and CSS stylings. I used CRA because it is the library I am the most familiar with. I have also used bootstrap and its react derivatives in previous projects, so it was familiar for me to work with.
- Any struggles you faced when developing with technology you chose I didn't face any struggles in particular with the technologies but I initially struggled styling in some areas such as the individual icons and the carousel. I also struggled a bit trying to get the svg icons to display when importing them into the jsx file but I was able to troubleshoot and overcome these obstacles.
- What you enjoyed the most and why Overall, I enjoyed the entire process and experience. It was very fun for me to start on one section, build it out, troubleshoot the errors/problems, and then move onto the next.
Congratulations on making it to the testing phase of the hiring process! For this part, we would like to learn about your creativity, how well you code, and how well you follow instructions.
You will need to have knowledge of some key things before you start:
- how to run a local server
- how to connect your markup to your scripts and styles
- front end web development
We have supplied an optional development server and some development dependencies for this project, but feel free to use the development framework of your choice (e.g. create-react-app, vue cli, etc). You are not required to use the codebase provided in this repository, but feel free to use it! If you choose to use this codebase, you can run the development server using the commands found below:
npm install npm start
NOTE: You will need node and npm on your machine if you choose to use the supplied server, also for hosting you will need to set it up yourself.
The goal of this project is to create a client website that has some key features requested by the client (i.e. Rooster Grin as the client).
Please clone this repo and submit a link to the new project's repo along with any instructions for viewing the final product. It is not required to host this project anywhere, but it would be nice to view your project via a link rather than having to run the build locally.
A .jpg of the mockup and the assets are in the provided .zip folder.
Please read through ALL the requirements before starting your project
Below are the design requirements:
- Mockups are followed
- Carousel in last section
- Attention to detail
- Mobile Responsive
- Animations
Though the main requirement is to follow the mockups, we don't require that it to be pixel perfect. We encourage you to be creative as well with this test, you have some design freedom with the assets provided and feel free to add as many animations as you like. We usually face a lot of ambiguity when developing and designing for our clients so we have left some things up to you to see how you design.
Below are the technical requirements:
- Modular and concise code
- Fully functional capabilities of built features
- We should not be seeing errors when we click on buttons
- Understanding best practices of web development
- Naming conventions and styling
- Best use of images and assets
- Use of a grid system
As for the technology that you should use its up to you. ๐
These required features are requested specifically by the client and should be implemented.
- Fade In Effect for the hero title
- Subtle animation on the four icons
- Fully Functional Site
- Use of dev server
- Front end framework
- Dynamic backend from a CMS
- What you technologies you used and why (if you only used html, css, and js please explain any templates or frameworks you may have used i.e. bootstrap)
- Any struggles you faced when developing with technology you chose
- What you enjoyed the most and why
If you have any questions please feel free to email me (Sebastian) at [email protected]