Shay's Tech Team Challenge Implementation #12
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Applicant Information
Name:
Akshayaa (Shay) Ponnampalam
Email:
[email protected]
Solution Description
My solution displays each picture on a card-like format, and allows the user to toggle "next" and "previous" buttons to switch through the different cards. The cards swipe into and out of the screen, and you are able to see the next card waiting to be clicked in. The background changes colours with every button click.
I utilized components for the cards, buttons and the title header, in order to maintain an organized codebase. I tried to make the website responsive by adjusting the styling so that you get the same kind of viewing experience, regardless of the size of your browser window.
While I do not have much experience with React, I found this challenge very intriguing because of the many different ways you can implement existing tools to create a dynamic web application. It's made me want to learn more so that I can strengthen my skillset in this area.