Dating app based on the current global epidemic titled: Covid-18+

LIVE LINKS:

font-end link: https://covating-app.netlify.app/ back-end link: https://mern-covating-application.herokuapp.com/api/users

GITHUB LINKS: front-end link: https://github.com/hannahbannan/FrontEnd_Project3 back-end link: https://github.com/JordanLarson/BackEnd_Project3

A dating application where the user can create a profile, and view other user profiles to find a match. The user can then chat with the users in their favorites. Provides a platform for the user to connect with people who may or may not have antibodies.

mobile-design: https://www.figma.com/file/bCfIhoNl6QbITubYPlMMmz/Dating-App?node-id=0%3A1

desktop-design: https://www.figma.com/file/79i6b3P296mLVXuDHc2XW7/Desktop-Wireframes?node-id=0%3A1

component-architecture: https://www.figma.com/file/U4I2AedsJZAn7wJtmUsohL/react-architecture-%3F?node-id=0%3A1

User can see users from our dating database User can filter their preferences by age, gender, antibodies User can "like" another profile and it will save that profile to favorites Once added to favorites, user can chat with another user and see chat history User can sign up for a profile, login in to their account & edit their own profile

TOTAL HOURS: 197 Hours

COMPLETED POST MVP:

1. Login
2. Within favorites list, have user info pop up when you select them
3. Covid-19 Tips

TO BE COMPLETED POST MVP:

1. Timestamps for messages
2. Chatbot for dummy users
3. Swipe functionality
4. Message image upload
5. Save user for later feature
6. Feedback form on About page

Front End:

• React Bootstrap
• Axios
• React-Media
• Material-UI

Back End:

• Cors
• Morgan

Login feature:

const makeAPICall = async () => {
      console.log(username, password);

      const response = await axios(
        `${apiUrl}/users/login?username=${username}&password=${password}`
      );
      console.log("login response");
      console.log(response);
      document.cookie = "username=" + response.data.username;
    };
    makeAPICall();
    history.push("/favorites");

• Github merging - required lots of teamwork and communication!
• Socket.io - after hours of research and implmentation, didn't provide enough functionality for what we needed to do. So we ended up creating our own private messaging with Javascript.
• Connecting preference filters with the Dashboard component - moved API call to preferences and passed down user data as props to the dashboard
• Refreshing page upon button click - utilized state change and history