Charmi Dating App Built for Mobile Web - iPhone6 Plus (www.put site here.com)

Table of Contents

About the Project

The Charmi Dating app is a mobile friendly app designed for iPhone 6 Plus in mind. Users can browse profile photos and profile info pages to then like or dislike them. If they are liked back by another user their profile is moved to the matches screen. Once a match both users can open a chat and chat in real time.

Section 1: Tech Used

The JSON file shows the following tech installed and required.
"axios"
"express-session"
"jquery"
"massive"
"passport-auth0"
"react"
"redux"
"redux-promise-middleware"
"socket.io"

Section 2: Team and Responsibilities

-Paul Murff - Front end skeleton overall app build with routing and all pages laid out, browse page, profile info section, jQuery
-Bobby Steed - Overall app design (original artwork and design) with input from team for styling throughout, Redux setup, Auth0 login and built login page with cool video background
-Jodi Parker - Backend SQL tables creation, server/endpoints/api creation, input for styles, profiles data populated
-Kellen Pugmire - Styling some of pages, chat with sockets.io

Section 3: App Screen Shots and Functionality Description

a.Login Screen: http://imgur.com/vgPFUFP (original design with video in background)

b.Auth0 Selection: http://imgur.com/aXUL6Nh (User profiles are created on login through any of these options)

c.Browse Screen: http://imgur.com/7PBxthh (All profiles available are loaded with map to browse one at a time)

d.Profile Info Screen: http://imgur.com/THMDl4m (User ability to see more info by viewing a profile info page by hitting the small up arrow in between the like(heart) and dislike(X) which is loaded with jQuery and dynamic info with React component map iteration)

e.User feedback for 'liked': http://imgur.com/w4uhA3c (heart seen after selecting the heart button which also takes you directly to another profile after 900 miliseconds)

f.Edit Search and User Profile: http://imgur.com/fSrzJ7o (not fully functional yet for editing and so forth but wired to do so)

g.Matches Screen: http://imgur.com/x3umhA1 (Lists the people who also liked that specific user)

h. Chat/Messages Screen: http://imgur.com/LwmxDDm (Functional real-time chat with two matched users using sockets.io)