Skip to content

Swipe-based app to connect people looking to give and receive mentorship. Chat included.

Notifications You must be signed in to change notification settings

Jeff-Adler/mentorMe-frontend

Repository files navigation

MentorMe.

Life is full of challenges. But, any setback can be an opportunity for growth! That is, if you have a mentor! MentorMe. is a means to connect users looking for mentorship with those looking to give mentorship through a swipe-based mechanic familiar from dating apps. Get one-on-one advice for your career, relationships, and self-esteem from the comfort of your smartphone device!

App Walkthrough

Getting Started

Prerequisites

Ensure you have React Native, Expo, iOS simulator, Ruby, and Rails installed.

Installation

  1. Fork and clone backend repo

  2. From your terminal, enter:

cd mentorMe_backend
bundle install
  1. Fork and clone this (frontend) repo

  2. From terminal (preferably in another tab), enter:

cd mentorMe_frontend
npm install
  1. From backend terminal tab, enter:
rails db:create //creates database
rails db:migrate //runs migrations
rails db:seed //seeds database
rails s //runs Rails server
  1. From frontend terminal tab, enter:
npm start //runs React Native server
//After expo is loaded
i //runs iOS simulator

Note: ignore messages "(node:13968) Warning: Accessing non-existent property 'cat' of module exports inside circular dependency..."

Usage

  1. Click 'Go to signup'

  2. Enter Username and Password (must be between 6 - 20 characters)

  3. Click 'Create Profile'

login_page signup_page profile_create_page

  1. Enter Name, Gender, and Birthdate

name_entry_page gender_page birthdate_picker

  1. Enter any categories for which you feel licensed to give mentorship on

experience_picker

  1. Enter a tagline to display on your profile

tagline_submission_page

  1. (Optional) To fully seed the database, from the backend terminal tab, run:
rake app:all
  1. From the 'Search' tab, search for mentorship for Career, Relationships, and Self-Esteem. Swipe right to accept mentor, swipe left to reject.

search_tab

  1. From the 'Requests' tab, view all users who are requesting mentorship from you (i.e. all users who swiped right on you). Click on user in the list to see their show page. If you skipped step 7, no users will appear.

  2. Click 'Accept Mentee' to accept them as a user to whom you will provide mentorship!

request_index_page request_show_page

  1. From the 'Chats' tab, toggle between chats for which you are the Mentor, and chats for which you are the Mentee. Mentor chats are all the chats for which you accepted a mentee, Mentee chats are all the chats for which a user accepted you as a mentee. Again, if you skipped step 7, no users will appear.

mentor_chat_index_page mentee_chat_index_page

  1. Click on a user in the list to enter into a chat!

chat_example

Built With

  • React Native
  • Expo
  • React Native Elements
  • React Native Navigation
  • Ruby on Rails
  • ActiveRecord
  • PostgreSQL

React/Javascript Libraries

  • react-native-community/masked-view
  • react-native-community/datetimepicker
  • react-native-community/async-storage
  • react-native-responsive-dimensions
  • react-native-safe-area-context
  • react-native-user-avatar
  • react-native-vector-icons
  • react-native-gifted-chat
  • react-native-card-stack-swiper
  • moment

Ruby Gems

  • Faker
  • HTTP Party
  • JSON
  • bcrypt
  • jwt

Third Party APIs

Author

Me, Jeff Adler!

Acknowledgments

I'd like to acknowledge all the amazing people who made the libraries, gems, and API listed above. Making clean, responsive apps would by nye impossible without them!

About

Swipe-based app to connect people looking to give and receive mentorship. Chat included.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published