Skip to content

c-zhenhao/czhenhao-SEI35-Project3

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

# GA-Projects -- Projects for General Assembly SEI course --

Project #3: OnlyFriends

Developed by @3lueberry, @yixinlee and @c-zhenhao

What is <OnlyFriends> ? 🤔

Onlyfriends is a full MERN stack app which allows users to discover and match with other users and rate them. It takes inspiration from the popular Tinder

Deployed Front-end on Vercel, Back-end on Heroku

Demo

  • Match

  • OnlyFriends_demo_match

  • Rate

  • OnlyFriends_demo_rate

  • Create Profile / Account

  • OnlyFriends_demo_createProfile

  • Update Profile

  • OnlyFriends_demo_updateProfile

  • Filter

  • OnlyFriends_demo_filter_delete

  • Delete Account

Currently available features:

- User creation, edit and delete
- Matching users with other users
- Filtering feature to allow users to narrow their matches
- Profile rating

Future Features: 🏗

- ~~Deployment~~ done 27 Jun 2022
- 1-to-1 chat
- Feature to send "meeting" invites to users which have matched each other
    - Ability to accept, decline
- Better matching algorithm
- Upload and store images

User Stories

1. Create profile (name, age, height, photo, )
    1. Edit profile
2. Match with other profiles
3. Rate your matches from 0 - 5
    1. The user's rating is an average of all other user ratings, reflected on profile

Planning & Development

  • API calls

    • image
  • DB Schema

    • image
  • Work partition

    • Backend user authentication, API calls, frontend and backend debugging, lead | @3luberry
    • Creation, edit of user & target Profile pages, rating feature | @yixinlee
    • Match and list views, matching and filtering user and targets | @c-zhenhao

How is it developed? 🧑🏻‍💻

FrontEnd

- React
- React Router 6
- React Redux
- React Bootstrap
- Styled Components
- Axios AJAX
- Custom Modals: Error, Loading and Tooltips
- Material UI
- React-tinder-cards package

Backend

- Database: MongoDB
- Express
    - mongoose
    - auth middleware + sessions + bcrypt
    - router

About

GA-SEI35 Project 3 || OnlyFriends (Tinder-style social media app)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.9%
  • HTML 8.8%
  • CSS 3.1%
  • Shell 0.2%