Image Ranker : ImageRanker React Application

[maksimlozovskii512]

Create a react application where the user can drag and drop images

[maksimlozovskii512]

• Created an HTML / CSS / JS mockup application which allows the users to sort images in order
• Basic react app has been made and setup
• The app currently does not work on mobile devices, the sorting functionality does not react to touch events on the phone

[maksimlozovskii512]

Trying to resolve a bug with the app not working with mobile devices

[johndavidbustard]

Good to create a manual testing plan

[maksimlozovskii512]

Good to create a manual testing plan

Will do that

[maksimlozovskii512]

Going to try this solution next : : https://stackoverflow.com/questions/27837500/drag-and-drop-with-touch-support-for-react-js

[maksimlozovskii512]

Found react-dnd, looks like a really good option for the application. It is a third party library, but it gives all of the necessary functionality to make it work. I will create a working application using the approved UI before wednesday.

[maksimlozovskii512]

If a different option is available, we can discuss it for a/b testing purposes at a later stage

[maksimlozovskii512]

Going to explore other hosting options as PythonAnywhere does not suppot Node JS websites, Heroku (free) seems like a good alternative)

I am thinking of building a MERN application with use of MongoDB ( free ) to store the image URL located in google Drive. The MongoDB will work as a middle man which will hold the image ID and URL at the start. The React application will access the mongoDB and pull down the image using its ID. At later stages, MongoDB will hold each ranking instance associated with user account as a unique JSON file.

This might change as development progresses.