Skip to content

The social media platform app for gym-goes is aimed at people who want to go to the gym with gym bros

Notifications You must be signed in to change notification settings

sabakantaro/react_ruby_platform_for_gymgoes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 

Repository files navigation

🚧[WIP]🚧

This app is using AWS, and it takes a lot of cost.
Therefore I stop deploying this app now.

And this is just for my skill proof.
So I don't plan to use this app for business.

Screenshot 2023-05-08 at 11 33 16

【Summary】

Thank you for viewing this work.

It is a muscle training social media platform app aimed at people who started muscle training to continue without frustration.
With this application, which is a muscle training social media platform, you can find muscle training friends and exchange information with them, so you can make horizontal connections and make muscle training a habit without getting frustrated.

I developed everything by myself, referring to official manuals and technical articles.

【Programing language】

・Ruby(3.0.3)
・Rails(6.1.4.4)

・HTML/CSS
・Javascript
・React.js

【Development env. & infrastructure】

・Docker/docker-compose
・MySQL(8.0.23)
・Github Actions
・Puma
・Nginx
・AWS
・Terraform

【Test & Formatter】

・Rspec
・Rubocop
・ESlint
・Prettier

Other points I noticed during development

  • The point which was conscious of team development
    We used pull requests on github to subdivide the feature implementation.
  • Single Page Application
    I used React.js for frontend and Ruby on Rails for backend.
    And I separated them.
    It makes this app readable.
  • Automatic deployment
    Implemented automatic deployment using Github Actions.

Background

There are two reasons for the development of this work.
The first is that in recent years, due to the influence of the coronavirus, there have been fewer opportunities to go out, and more people have started exercising, such as home training, to alleviate the lack of exercise.
In recent years, the number of sports gyms has increased and it has become easier to start exercising, but it takes time to see visible results, and many people get frustrated along the way. In order to do so, we created an social media type application that allows you to easily connect while sharing information.
Second, I wanted to make it easier for people with muscle training experience to find a training method that suits them.
It's been 4 years since I started muscle training myself, and for the first 3 years, I continued muscle training with reference to videos on the Internet, but I continued training that didn't suit my body, and I didn't do well. I couldn't put on muscle.
However, I learned nutrition and training knowledge by myself, listened to people who have experience in muscle training on social media, and practiced it for a year. I wanted to make it easy to find the method, so I created his social media dedicated to muscle training.

Feature List/Details

User functions

・ New registration, login, logout, edit user information

Post functions

・Post list, post, edit, delete function
・Image posting function

  • Image preview display
    ・Search function (fuzzy search is possible on the posting screen)
    ・Comment function for posts
    ・Reply function for comments

Follow function

・Follow and unfollow function
・Follow and follower list display function

Favorite Feature

・A function that allows you to favorite posts
・Favorite post count increases or decreases
・Favorite post list display function (on My Page)

Message function

・You can create a one-on-one chat room
・Message sending function

Notifications

・If there is a follow or message from another user, it will be displayed in the notification list

Other features

・Responsive support (implemented with MUI)
・Mobile screen header menu bar

Infrastructure configuration

AWS Networking (updated)

ER diagram

Gotore_ER

Plans for future improvements

・Optimize search functionality with Elasticsearch
・Introduce loading animations, etc., and improve UI/UX

Thank you so much!