arieltsq/ariel-2359media

Create-react-app created for 2359 front end test

TLDR: This was build for a React.js Front-end test

Link to view the actual site: Ariel-2359 on Heroku

npm install
npm run start

File Structure

+-- src
|   +-- Components.js
||   +-- Favourite.js
||  +-- Footer.js
||  +--  Images.js
||  +--  Main.js
||  +--  NavigationBar.js
||  +--  SearchImages.js
+-- App.js
+-- index.js    
+-- index.css

Thinking process

---

What haven't been done right

• Hover states for favorites.
• Allowing user to add favorites
• Having the fetch button that fetch more images (since I've not particularly fulfilled the primary functions)
• A dedicated page that user can go to view their tagged favorite images at any time

Wireframes

• Tried to structured my thoughts around these wireframes to help me structure my code out

Wireframe that I first drew for illustration purposes

Trying to map out my thoughts for the hovering states that were required

Mapping out the data flow