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 revisionPrevious revision
Next revision		Previous revision
reactjs2018january:group1:start [2018/01/04 17:45] – [EveryWalk] o-dangoreactjs2018january: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 7: Line 7:
 | Matias  | Frontend dev           | | Matias  | Frontend dev           |
 | Camilla | UI & visual design     | | Camilla | UI & visual design     |
-| Joel    | Backend dev            |+| Joel    | Fullstack dev          |
 | Harri   | Frontend dev & testing | | Harri   | Frontend dev & testing |
 ==== The problem ==== ==== The problem ====
Line 13: Line 13:
 ==== Goals ==== ==== Goals ====
 The goal of this app is to provide: The goal of this app is to provide:
-  * Ease of use +  * A relief to the workload of walking your dog(s) 
-  * Provide walkers ways to find the perfect dog to walk +  * An opportunity to engage with dogs without having to own one
-  * Provide dog owners ways to find the perfect walker for their dog+
 ==== Features ==== ==== Features ====
-  * Ability to perform specific searches for dogs based on...+  * Perform specific searches for dogs based on...
       * Breed       * Breed
       * Size       * Size
       * Colour       * Colour
       * Location       * Location
 +  * Indicate that you would like to walk a specific dog ("like"/thumbs up a dog!)
   * Make a profile for your dog for potential walkers to see   * Make a profile for your dog for potential walkers to see
   * Comments and ratings for walkers   * Comments and ratings for walkers
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 for computer screens, so design and responsive layouts for mobile and tablet devices are not supported. 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}}