Mayanktaker / beerbiceps

Flutter app fetches blogs using GraphQL from Wordpress

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Beerbiceps 🍺

Learning|Beerbiceps

Read Post API user permissions serving from GraphQL endpoint Auth at

https://v3.beerbiceps.com/graphql

Website : https://v3.beerbiceps.com/

Baseline Standards

Use of BLoC > Providers in this for easier statemanagement and for more users and scalability reasons

  • Welcome Class responsible for Fetching blogs
  • Adding JWT Auth for login purpose connecting from wordpress Woo and also enabling user registrations

JSON Response

{
  "data": {
    "posts": {
      "nodes": [
        {
          "title": "5 Major signs your crush likes you!!",
          "date": "2020-08-05T00:00:00",
          "pingStatus": "open",
          "commentCount": null,
          "isPreview": false,
          "content": "\n<p>Do you ever get confused if your crush likes you back or is just being friendly? Are you worried about costing a wholesome friendship at the slim chance of a potential relationship? Do not worry, Ranveer has got you covered. <br><br>Even finding out if a person likes you boils down to some simple observation.</p>\n\n\n\n<h2>1) Group eye contact</h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https://beerbiceps.com/wp-content/uploads/2020/08/eyes.jpg\" alt=\"Having Eye Contact\" class=\"wp-image-1760\"/></figure>\n\n\n\n<p><br>Let us say that your entire group of friends is laughing at a joke. Humans tend to look at the person they are emotionally the most connected to or the person they are romantically involved with while laughing, in such situations. If your crush looks at you to see your reaction even when their best friend is also in the group laughing, there is a chance they are into you too.</p>\n\n\n\n<h2><br>2) Flirting through body language</h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https://beerbiceps.com/wp-content/uploads/2020/08/body-language.jpg\" alt=\"flirting with your partner\" class=\"wp-image-1761\"/></figure>\n\n\n\n<p><br>When we are talking about body language, it is going to either be extremely open or closed, that is, the polar opposites.<br>With open body language, they will keep their hands on the sides and maintain eye contact through most of the conversation or look at you a lot in general while talking to you.<br></p>\n\n\n\n<p>Closed body contact can go one of two ways:<br>> They keep their arms folded or behind their back or in their pockets and answer in monosyllables and keep looking away to avoid eye contact.<br><br>>They might get intimidated by you. So while their arms are still folded, they laugh at your jokes and try maintaining eye contact and keep smiling at you.<br>What you are looking for is completely open body language or the latter case in closed body language.<br><br>Remember that when someone likes you, their body takes over their minds and they often drop hints through body language without their realization that you should pick on.<br></p>\n\n\n\n<h2>3) Spot verbal and physical conversations</h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https://beerbiceps.com/wp-content/uploads/2020/08/talks.jpg\" alt=\"A couple on a coffee date\" class=\"wp-image-1762\"/></figure>\n\n\n\n<p><br>If you are at a party, check if your crush is dancing around you, with you or near you. Usually, it is a telltale sign that your crush is into you. You can try some friendly dancing around your crush (nothing creepy, please) to give them a sign while looking for their reaction to having you around.</p>\n\n\n\n<p><br>A good verbal conversation sign is when your crush says something inherently stupid around you. It is just a sign that they are getting awkward while trying to approach you which is a good thing! If you have a crush on them, just bring them to a comfortable level and hold the conversation so they feel good around you. Any physical or verbal conversation that goes on for 15-20 minutes is a green light.<br></p>\n\n\n\n<h2>4) Direct flirting</h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https://beerbiceps.com/wp-content/uploads/2020/08/flirt.jpg\" alt=\"flirting with your partner\" class=\"wp-image-1763\"/></figure>\n\n\n\n<p><br>If a person likes you, they will compliment you a lot in regular conversations or tease you with a potential partner, it is a sign. They tease you about another person to check your romantic headspace and position. A lot of simple physical contact like touching the arm signals that they are comfortable with you. Every human has a comfort zone bubble around them. Physical contact like nudging is equivalent to them crossing your comfort zone to check if you are okay with it. It is the final telltale sign that your crush is into you too.<br></p>\n\n\n\n<h2>5) Do not rely on only 1 or 2 points</h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https://beerbiceps.com/wp-content/uploads/2020/08/rely.jpg\" alt=\"Having a day with your partner\" class=\"wp-image-1764\"/></figure>\n\n\n\n<p><br>Often, in such social situations, do not forget that humans are just polite people. There is no point in misinterpreting someone’s friendliness for romantic involvement. People just want other people to be comfortable and feel better. Do not rely on only one or two of the aforementioned points. Usually, this kind of flirting happens in the same order of progression and if it happened to you in the same way, it is the ultimate sign! <br><br>Keeping feelings for someone inside for long can get upsetting and don’t be afraid of rejection! Also, don’t be that guy who cannot take no for an answer. Just remember that you only live once and it is okay to have romantic feelings for someone!</p>\n\n\n\n<p>If you liked this article you should also read <a href=\"https://beerbiceps.com/wp-admin/post.php?post=1632&action=edit\">Ayush Mehra on Love, Long term relationships, and his girlfriend of 14 years</a>.</p>\n\n\n\n<p>Watch the YouTube video to know more: </p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Is he/she into you? How to know if your crush likes you | Ranveer&#039;s LifeHacks | BeerBiceps\" width=\"640\" height=\"360\" src=\"https://www.youtube.com/embed/jKcMbnxVbmQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<p>Watch Next : </p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"7 Secrets of A Woman&#039;s Mind | How Do Women Think | Women&#039;s Dating Psychology | BeerBiceps\" width=\"640\" height=\"360\" src=\"https://www.youtube.com/embed/b-rFj2JxvB8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Girlfriend कैसे बनाएं | Girlfriend पटाने के तरीके | BeerBiceps हिंदी Romance\" width=\"640\" height=\"360\" src=\"https://www.youtube.com/embed/wg54JT3vDbQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"No.1 Flirting Trick | आपकी LOVE LIFE बदल जाएगी! | Ladki Ko Impress Karne Ka Tarika | BeerBiceps\" width=\"640\" height=\"360\" src=\"https://www.youtube.com/embed/TmQMrKEPGEI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<p><strong>Subscribe to our YouTube Channels :</strong> <a href=\"https://www.youtube.com/channel/UCPxMZIFE856tbTfdkdjzTSQ\">BeerBiceps </a>| <a href=\"https://www.youtube.com/channel/UCneyi-aYq4VIBYIAQgWmk_w\">Ranveer Allahbadia</a> | <a href=\"https://www.youtube.com/channel/UCbT_7qRIrw8TMH8ovjTYBJQ\">TRS Clips</a></p>\n",
          "author": {
            "node": {
              "nicename": "nidhiisloor",
              "nickname": "nidhiisloor",
              "username": "nidhiisloor",
              "description": null,
              "capKey": "wp_capabilities",
              "capabilities": [
                "edit_posts",
                "read",
                "level_1",
                "level_0",
                "delete_posts",
                "vc_access_rules_post_types",
                "vc_access_rules_backend_editor",
                "vc_access_rules_frontend_editor",
                "vc_access_rules_post_settings",
                "vc_access_rules_templates",
                "vc_access_rules_shortcodes",
                "vc_access_rules_grid_builder",
                "vc_access_rules_presets",
                "vc_access_rules_dragndrop",
                "edit_aiovg_videos",
                "publish_aiovg_videos",
                "delete_aiovg_videos",
                "delete_published_aiovg_videos",
                "edit_published_aiovg_videos",
                "contributor"
              ],
              "email": "Nidhiisloor@gmail.com",
              "firstName": "Nidhi",
              "extraCapabilities": [
                "edit_posts",
                "read",
                "level_1",
                "level_0",
                "delete_posts",
                "vc_access_rules_post_types",
                "vc_access_rules_backend_editor",
                "vc_access_rules_frontend_editor",
                "vc_access_rules_unfiltered_html",
                "vc_access_rules_post_settings",
                "vc_access_rules_templates",
                "vc_access_rules_shortcodes",
                "vc_access_rules_grid_builder",
                "vc_access_rules_presets",
                "vc_access_rules_dragndrop",
                "edit_aiovg_videos",
                "publish_aiovg_videos",
                "delete_aiovg_videos",
                "delete_published_aiovg_videos",
                "edit_published_aiovg_videos",
                "contributor"
              ],
              "id": "dXNlcjo0"
            }
          },
          "id": "cG9zdDoyMDk0NA==",
          "slug": "5-major-signs-that-your-crush-likes-you",
          "uri": "/5-major-signs-that-your-crush-likes-you/",
          "status": "publish"
        },
    }
  }
}

Running the Project

To run the project you need flutter setup

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

flutter run

Todo

  • Basic Server setup from Wordpress Website
  • Basic Blog GraphQL
  • UI Screens
  • Query to Fetch Blogs
  • Parse the response as JSON
  • JWT Auth to login as Wordpress users
  • WordPress clear headers to skip SSL
  • Faviourites Implementation
  • BLoC Implementation for Queries, Mutations and Subscrptions
  • Migrate DB to PostgreSQL

Leave a star if it helped you 🙌

Contributions

Feel free to fork the repository and make a pull Request 🎉

About

Flutter app fetches blogs using GraphQL from Wordpress


Languages

Language:Dart 87.0%Language:Objective-C 9.9%Language:Ruby 2.2%Language:Swift 0.7%Language:Kotlin 0.2%