https://github.com/bradgarropy/snap-kitchen-slider
⏩ snap kitchen interview question - slider
https://github.com/bradgarropy/snap-kitchen-slider
eslint gatsby interview react slider snap-kitchen styled-components
Last synced: 2 months ago
JSON representation
⏩ snap kitchen interview question - slider
- Host: GitHub
- URL: https://github.com/bradgarropy/snap-kitchen-slider
- Owner: bradgarropy
- License: mit
- Created: 2019-03-28T14:35:33.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-04-16T03:31:33.000Z (about 7 years ago)
- Last Synced: 2025-01-18T05:14:26.275Z (over 1 year ago)
- Topics: eslint, gatsby, interview, react, slider, snap-kitchen, styled-components
- Language: JavaScript
- Homepage: https://snap-kitchen-slider.netlify.com
- Size: 520 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ⏩ Snap Kitchen Slider
_During an interview with [Snap Kitchen][1], I was asked to code a slider from their marketing site. So I fired up [CodeSandbox][2] and got to work. This exercise was particularly challenging because I had never created a slider before, but especially enjoyable beacuse I was working in an environment I was comfortable with._
## ❓ Question
Recreate the meal slider from the home page of [Snap Kitchen][1].
## 🤔 Assumptions
No assumptions needed to be made, the question was crystal clear, although challenging to accomplish in the allotted time.
However, because I implemented this complete solution after the interview, I actually created somethign with more functionality than what was on [Snap Kitchen's][1] website. I implemented previous and next buttons that go into a disabled state if the slider is on the first or last element.
## 💀 Execution
If you want to see my solution, clone the repository and execute it locally!
```
git clone https://github.com/bradgarropy/snap-kitchen-slider.git
cd snap-kitchen-slider
npm install
npm start
```
Or you can check out the [live demo][3] on [Netlify][4].
[1]: https://snapkitchen.com
[2]: https://codesandbox.io
[3]: https://snap-kitchen-slider.netlify.com
[4]: https://www.netlify.com