GithubHelp home page GithubHelp logo

rheehot / moim Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 6.79 MB

Rails project, friendship confirmed association, 2nd relationship friends recommendation (20/08/2019 - 13/09/2019)

Home Page: https://rails-moim-suh.herokuapp.com/

License: MIT License

Ruby 76.75% JavaScript 0.75% CSS 5.76% HTML 15.99% CoffeeScript 0.75%

moim's Introduction

Welcome to Moim πŸ‘‹

"Moim" is a Korean word meaning "gathering".
It is a social application to build an online friendship.
The background image has green coloured grass, and it feels like friends sit down on the grass gathering in the relaxed afternoon.

This is part of the Final Project in The Odin Project’s Ruby on Rails Curriculum.

This app was scheduled building with E-R diagram, user interface workflow design.

E-R diagram

User Interface workflow design

First page with no login

First page for logged-in user

User profile page

Friend list page

Find friend page

Function description

  • Home
    • not login user: access Sign-up / login / Facebook login
      • sign up: with full name(more than 2 words) / email / password
      • login: with email/password
      • login with Facebook: login with Facebook account
    • login user
      • write posts
      • see the posts which included in user or friends
        • like post
        • write comments
  • Profile
    • user info: profile picture/name
    • friend info: friend count / 9th friend pic / all friend link('More') / 'Find Friend' link
    • the posts which were written by the profile's user
    • user self
      • edit user info: name / email / password / delete account
      • write / edit / delete post
    • others visiting one's page
      • able to request or accept friendship or seeing pending status
      • 'More': show all friends
  • Find Friends
    • 'view sent request': pending friends, friendship requested, but wasn't accepted yet
    • 'Respond to your friend request': friend requests, waiting for acceptances for friendship
    • 'Recommended Friends': for someone who may know based on having mutual friends
    • 'New Friends': for someone who doesn't know with no mutual friends
  • Notification: (n): received friendship request count
  • Log out : user log out
  • Feedback : user sends feedback to producer's email
  • Additional description
    • profile picture
      • if a user logs in with Facebook, the user can see Facebook picture
      • if a user logs in without Facebook, the user has no picture (except user email having Gravatar account)

Technology

  • Ruby 2.6.3
  • Rails 5.2.3
  • Devise 4.7.1
  • OmniAuth 1.9.0
  • Bootstrap 4.0
  • Sass 3.7.4
  • PostgreSQL 10.10
  • RSpec 3.8.0

Deployment

default account:

Getting started

To get started with the app, clone the repository and then install the needed gems:

$ bundle install --without production

Next, migrate the database:

$ rails db:migrate

Then, load data from seed into the database:

$ rails db:seed

Finally, run the test suite to verify that everything is working correctly:

$ rails test

If the test suite passes, you'll be ready to run the app in a local server:
When you used seed, example user info : email: "[email protected]", password: "foobar"

$ rails server

Author

πŸ‘€ Suhyeon Jang

Contributing

  1. Fork it (https://github.com/shjang7/moim/fork)
  2. Create your feature branch (git checkout -b feature/[choose-a-name])
  3. Commit your changes (git commit -am 'what this commit will fix/add')
  4. Push to the branch (git push origin feature/[chosen-name])
  5. Create a new Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details

moim's People

Contributors

dependabot[bot] avatar stickler-ci avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.