{"id":13818940,"url":"https://github.com/JaniceYR/clone_instagram","last_synced_at":"2025-05-16T03:34:10.096Z","repository":{"id":216966565,"uuid":"91283442","full_name":"JaniceYR/clone_instagram","owner":"JaniceYR","description":"Clone-Instagram is a web application inspired by Instagram for following the other users and sharing pictures. It was built using Ruby on Rails backend with PostgreSQL database and a React/Redux frontend.","archived":false,"fork":false,"pushed_at":"2017-06-03T22:56:42.000Z","size":2801,"stargazers_count":10,"open_issues_count":1,"forks_count":9,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-08-05T08:07:27.414Z","etag":null,"topics":["association-rules","css","fullstack","html5","instagram","javascript","postgresql","react","redux","ruby","ruby-on-rails","scss","wireframes"],"latest_commit_sha":null,"homepage":"https://www.clone-instagram.com","language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JaniceYR.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-15T01:31:48.000Z","updated_at":"2024-03-12T09:26:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"7eedab5a-3980-4f5c-8077-a8a50f322f8d","html_url":"https://github.com/JaniceYR/clone_instagram","commit_stats":null,"previous_names":["janiceyr/clone_instagram"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaniceYR%2Fclone_instagram","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaniceYR%2Fclone_instagram/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaniceYR%2Fclone_instagram/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaniceYR%2Fclone_instagram/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JaniceYR","download_url":"https://codeload.github.com/JaniceYR/clone_instagram/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225405434,"owners_count":17469340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["association-rules","css","fullstack","html5","instagram","javascript","postgresql","react","redux","ruby","ruby-on-rails","scss","wireframes"],"created_at":"2024-08-04T08:00:36.104Z","updated_at":"2024-11-19T18:30:35.977Z","avatar_url":"https://github.com/JaniceYR.png","language":"Ruby","funding_links":[],"categories":["Happy Exploring 🤘"],"sub_categories":[],"readme":"# CloneInstagram\n\n[Clone-Instagram](https://clone-stagram.herokuapp.com/#/) is a web application inspired by Instagram for following the other users and sharing pictures.\nIt was built using Ruby on Rails backend with PostgreSQL database and a React/Redux frontend.\n\n## Features \u0026 Implementation\n* Users can post their pictures and share it.\n* Users can follow the other users and also unfollow them.\n* Users can comment on the post and delete it. Also can like or unlike the post.\n\n### Flexibility\nClone-Instagram can be used in every browser including Chrome, Safari, and even in mobile browser.\nUsers can post new pictures and can like and comment, everything using their mobile phone!\n![check_on_phone](https://github.com/JaniceYR/clone_instagram/blob/master/docs/features/check_on_iphone.png)\n\n### Secure Authentication\nWith secure authentication system, users can Sign-up or Sign-in in a secure way.\nOr using guest id(DemoId), everyone can explore everything without Sign-up.\n![sign_up_page](https://github.com/JaniceYR/clone_instagram/blob/master/docs/features/signup_in_page.png)\n\n### Welcoming User \u0026 Suggestions\nWhen users visit Clone-Instagram for the first time and just made their account, users can get a few suggestions for follows.\nSuggestions will be the most popular users by followers count.\n```ruby\n  //users_controller.rb\n  def index\n    @users = User.joins(:followers)\n                .select(\"users.*, count(follows) as follower_count\")\n                .group(\"users.id\")\n                .order(\"follower_count DESC\")\n                .limit(5)\n    render \"api/users/index\"\n  end\n```\n![suggestion_page](https://github.com/JaniceYR/clone_instagram/blob/master/docs/features/suggestions_page.png)\n\n### Feed\nWhen users follow the other users, then users can check their followings posts on their feed page.\nUsers can comment on feed page and also like or unlike the post.\n```ruby\n  // posts_controller.rb\n  def index\n    @posts = Post.where(user_id: current_user.feed_ids)\n    render \"/api/posts/index\"\n  end\n```\n\n## Project Design\nClone-Instagram was designed and built in two weeks.\nThe original [proposal](https://github.com/JaniceYR/clone_instagram/blob/master/docs/README.md) included:\n* [React Components Hierarchy](https://github.com/JaniceYR/clone_instagram/blob/master/docs/component-hierarchy.md)\n* [DB schema](https://github.com/JaniceYR/clone_instagram/blob/master/docs/schema.md)\n* [Wireframes](https://github.com/JaniceYR/clone_instagram/tree/master/docs/wireframes)\n  (Wireframe example)\n  ![wireframe_user_profile_page](https://github.com/JaniceYR/clone_instagram/blob/master/docs/wireframes/user_profile_page.png)\n\n## Technologies\n### Backend\n* Ruby On Rails\n* jBuilder\n* PostgreSQL Database\n* Heroku\n\n### Frontend\n* React/Redux\n* javascript\n* SCSS/CSS\n* npm\n* Webpack\n\n### Other\n* Cloudinary for users' profile pictures and post pictures storage.\n* BCrypt for password-salting and hashing for a secure authentication system.\n\n## Additional Features\n* Add Geotags using Google map API\n* Search for photos by Geotags\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJaniceYR%2Fclone_instagram","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJaniceYR%2Fclone_instagram","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJaniceYR%2Fclone_instagram/lists"}