meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
reactjs2018january:group1:start [2018/01/04 18:05]
bynopyny [Team members]
reactjs2018january:group1:start [2018/01/15 01:53] (current)
bynopyny
Line 1: Line 1:
 ===== EveryWalk ===== ===== EveryWalk =====
-{{:reactjs2018january:group1:screenshot_from_2018-01-04_17-44-54.png?200|}}+{{ :reactjs2018january:group1:capture_5_.png?800 |}}
  
 The app to connect dogs that need a walk with people who need a dog to walk. The app to connect dogs that need a walk with people who need a dog to walk.
Line 27: Line 27:
 ==== Implementation ==== ==== Implementation ====
 The app is built using React.js. We needed multiple views for uploading, registering, login, profiles and filtering/searching, so we included React-router to make a single-page-app. The data visible is demo data, because the application is not integrated into the backend. Several UI packages were used, which include checkbox-group, image upload & preview, and dropdown menus. The app is built using React.js. We needed multiple views for uploading, registering, login, profiles and filtering/searching, so we included React-router to make a single-page-app. The data visible is demo data, because the application is not integrated into the backend. Several UI packages were used, which include checkbox-group, image upload & preview, and dropdown menus.
 +
 +The app is divided into 5 main views: search/filter, upload, profiles, login, and register. Additionally there are views for every walker profile.
 ==== Future development ==== ==== Future development ====
 Currently the app has been developed with computer screens, so design and responsive layouts for mobile and tablet devices are not tested and supported (but the narrow layouts fit narrower screens already). This platform is about connecting people (and their dogs) and as such social media integration is something that would benefit it greatly. Currently the app has been developed with computer screens, so design and responsive layouts for mobile and tablet devices are not tested and supported (but the narrow layouts fit narrower screens already). This platform is about connecting people (and their dogs) and as such social media integration is something that would benefit it greatly.
 +
 +- money making
 +- chat
 +- like/dislike ratings
 +- walker profile descriptions
 +- backend integraton
 +=== Improvements made based on feedback ===
 +  * UI ease of use was improved by making all interactable elements larger, including:
 +    * Dog and profile cards
 +    * Buttons
 +    * Input fields
 +    * Dropdown menus
 +    * Navigation links
 +  * An about-page was added that has a basic description of the application, team info and a contact form
 +  * Filtering and navigation were redesigned with examples from other popular websites/applications
 ==== Material ==== ==== Material ====
 Introduction presentation {{ :reactjs2018january:group1:dog_walking_app.pptx |}} Introduction presentation {{ :reactjs2018january:group1:dog_walking_app.pptx |}}
 +
 +Project repository https://gitlab.com/salohonka/dogapp/
 +
 +Final presentation {{ :reactjs2018january:group1:final_presentation.pptx |}}
 +
 +**Video**:
 +
 +{{youtube>Vm1iyAUYjfA}}