(Full-stack) Fully functional social media app (Instagram clone) written in flutter and dart with backend node.js and Postgres SQL.

Overview

Photoarc

A Fully functional social media app written in flutter and dart using node.js and Postgres SQL as backend. Backend Repository

Demo

logo

Download the release APK

Features

  • custom photo feed based on following users'.
  • Users can post an image of any height.
  • awesome animation between navigation of two pages.
  • shimmer loading effect while data is syncing.
  • Search page
    • With trending posts grid view.
  • Profile page
    • follows/unfollow the user
    • edit profile.
    • change user's avatar image
    • generate user profile links and send that to the various platforms. (with firebase dynamic links)
  • Notification Page
    • shows all comments and follows user notifications.
    • delete the notification by right swipe.
  • Post
    • like the post.
    • comment on posts and see all comments.
    • delete comments. (only post owner and commenter can)
    • shows the list of who liked the post.
    • share post links to the various platforms.
    • copy URL.
    • open post image in the browser.
    • user can delete their own post.
  • create post.
    • crop image
    • upload from the gallery.
    • Users can add captions to post.

Image Gallery


feed screen


Gallery Image Gallery Image Gallery Image


Search page


Gallery Image Gallery Image Gallery Image


Activity page


Gallery Image Gallery Image Gallery Image


Profile page


Gallery Image Gallery Image Gallery Image


Dependencies

How to run?

To clone and run this application, you'll need Git and Flutter installed on your computer. From your command line:

Clone this repository

$ git clone https://github.com/Ansh-Rathod/Flutter-Photoarc-app

Go into the repository

$ cd Flutter-Photoarc-app

Install dependencies

$ flutter packages get

Run the app

$ flutter run

What's Next?

This features will be added in next version of the app.

  • add muliple images in post.
  • add reply to and like to comments.
  • add status feature.
You might also like...

Dart Web API Template Using Google Shelf Framework and Postgres Drivers, read readme to learn how to use

Shelf Web Framework Template by Alex Merced of AlexMercedCoder.com Cloning the Template git clone https://github.com/AlexMercedCoder/DartShelfPostgres

Dec 26, 2022

Open-source And Fully Functional Digital Signature App Built With Flutter

Open-source And Fully Functional Digital Signature App Built With Flutter

Open-source and fully functional digital signature app "E-Gol" 😽 Don't forget to star ⭐ the repo if you like what I have created πŸ˜‰ . πŸ“Έ ScreenShots

Oct 19, 2022

Fully Functional IOS/Android App for WordPress Website with Flutter

Fully Functional IOS/Android App for WordPress Website with Flutter

WordPress App with Flutter IOS/Android Native App for WordPress Website/Blog built using Flutter. No additional Plugins required for WordPress. Built

Dec 30, 2022

A fully functional Movies Application built with Flutter. The application built with null safety and clean architecture, also uses OMDB API for fetching movies in the search item

A fully functional Movies Application built with Flutter. The application built with null safety and clean architecture, also uses OMDB API for fetching movies in the search item

Cinema DB Project Details This project uses null safety feature Project uses clean code architecture (Uncle Bob's Architecture) Project can run on bot

Oct 1, 2022

Tasky-Mobile-App - A task manager built with Flutter, Serverless, Postgres, Firebase

Tasky-Mobile-App - A task manager built with Flutter, Serverless, Postgres, Firebase

Tasky Mobile App A project management mobile app This project is an implementati

Dec 31, 2022

new 2021 working Instagram clone written in Flutter

new 2021 working Instagram clone written in Flutter

instagram_ui Instagram 2021 clone made using flutter Contains reels, search grid view, Getting Started This project is a starting point for a Flutter

Nov 6, 2022

Skribbl.io clone with Flutter, Node, Express and MongoDB (Mongoose)

Skribbl.io clone with Flutter, Node, Express and MongoDB (Mongoose)

Skribbl.io Clone This is the code for Skribbl.io Clone developed with Flutter, Node.js, MongoDB along with Mongoose! Youtube I have created a tutorial

Dec 5, 2022

Full Social App using Dart , Flutter , Firebase , Bloc , SharedPreferences

Full Social App using Dart , Flutter , Firebase , Bloc , SharedPreferences

Shareme-App Full Social Media App using Dart - Flutter - Firebase - Bloc - SharedPreferences. link for video that show How app work https://mostaql.co

Nov 8, 2022
Comments
  • there is no sign up

    there is no sign up

    hi Mr @Ansh-Rathod thanks for your priceless repo!!! I tested your apk and I saw there was no sign-up page. there was only login and after logining a gray screen!!! Then I compile the flutter project myself but the same results!!!

    could you get me some help??!!!

    opened by p3im4n 11
  • still gray screan....

    still gray screan....

    hi dear @Ansh-Rathod I tested my backend with postman successfully but in my app, after clicking on the "authenticate" button, the app stuck on a gray screen after debugging with android studio I saw these error on console:

    
    ======== Exception caught by widgets library =======================================================
    The following StateError was thrown building InheritedProvider<CurrentUserCubit>:
    Bad state: Tried to read a provider that threw during the creation of its value.
    The exception occurred during the creation of type CurrentUserCubit.
    
    
    ══║ EXCEPTION CAUGHT BY PROVIDER β•žβ•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•
    The following _CastError was thrown:
    Null check operator used on a null value
    
    When the exception was thrown, this was the stack:
    #0      _BottomNavBarState.build.<anonymous closure> (package:social_media/screens/bottom_nav_bar/bottom_nav_bar.dart:52:59)
    #1      _CreateInheritedProviderState.value (package:provider/src/inherited_provider.dart:729:36)
    #2      _InheritedProviderScopeElement.value (package:provider/src/inherited_provider.dart:583:33)
    #3      Provider.of (package:provider/src/provider.dart:303:37)
    #4      ReadContext.read (package:provider/src/provider.dart:656:21)
    #5      _BlocBuilderBaseState.initState (package:flutter_bloc/src/bloc_builder.dart:129:36)
    #6      StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4805:57)
    #7      ComponentElement.mount (package:flutter/src/widgets/framework.dart:4638:5)
    
     
    

    I debug the flutter project with the emulator for hours and I believe that the problem is firebase!!! in these lines:

     return BlocProvider(
          create: (context) => CurrentUserCubit()
            ..setCurrentUser(FirebaseAuth.instance.currentUser!.uid),
          child: BlocBuilder<CurrentUserCubit, CurrentUserState>(
    

    currentUser is always null, also CurrentUserCubit and CurrentUserState have not correct data, and it leads to an exception

    how should I configure my firebase settings? best regards, peiman sh

    opened by p3im4n 1
  • backend ssl

    backend ssl

    hi dear Mr @Ansh-Rathod I test backend api with postman and this is the result:

    POST: http://103.215.221.153:3000/api/v1/user/create-user

    RESPONSE: { "success": false, "error": "The server does not support SSL connections", "code": 500, "results": { "message": "The server does not support SSL connections" } }

    do I have to set IP to the domain in DNS then get an SSL for the domain?? and how about POST? shouldn't it be changed to https://103.215.221.153:3000/api/v1/user/create-user?

    opened by p3im4n 1
Releases(v1.0.0)
  • v1.0.0(Nov 22, 2021)

    It is the release of the Photoarc app with normal social media app functionality. made in a flutter with node.js, express, and Postgres SQL as backend.

    Features

    • custom photo feed based on following users'.
    • Users can post an image of any height.
    • awesome animation between navigation of two pages.
    • shimmer loading effect while data is syncing.
    • Search page
      • With trending posts grid view.
    • Profile page
      • follows/unfollow the user
      • edit profile.
      • change user's avatar image
      • generate user profile links and send that to the various platforms. (with firebase dynamic links)
    • Notification Page
      • shows all comments and follows user notifications.
      • delete the notification by right swipe.
    • Post
      • like the post.
      • comment on posts and see all comments.
      • delete comments. (only post owner and commenter can)
      • shows the list of who liked the post.
      • share post links to the various platforms.
      • copy URL.
      • open post image in the browser.
      • user can delete their own post.
    • create post.
      • crop image
      • upload from the gallery.
      • Users can add captions to post.
    Source code(tar.gz)
    Source code(zip)
    app-arm64-v8a-release.apk(9.20 MB)
    app-armeabi-v7a-release.apk(8.89 MB)
    app-x86_64-release.apk(9.36 MB)
Owner
Ansh rathod
Flutter developer
Ansh rathod
Kenso - A fully functional social media app with multiple features built with flutter and dart

Kenso - Social Media App Kenso is a fully functional social media app with multi

null 0 Feb 8, 2022
A fully functional social media app built with flutter with multiple features

?? ?? Wooble Social Media App Wooble is a fully functional social media app with multiple features built with flutter and dart. Star ⭐ the repo if you

Success Charles 562 Jan 3, 2023
Full Stack Instagram Clone With Flutter and Firebase

Instagram Full Stack Clone with Flutter,Dart and Firebase Built an responsive Instagram Clone app that Works on Android and Web! Features Responsive I

Sunil Chormare 3 Aug 14, 2022
Build Instagram Clone - with Clean Architecture Flutter (Firebase Full-Stack)

Instagram Clone - Clean Architecture Flutter Instagram Clone Flutter - with Clean Architecture Firebase as backend (Full-Stack) is Underdevelopment Ap

Adnan Khan 41 Dec 31, 2022
Instagram-clone - Instagram clone built using flutter and Firebase

Instagram-clone statistics of Firebase usage User Authentication for Instagram l

null 5 Jul 18, 2022
Creating complete social media app like instagram, facebook using flutter dart.

instoo The social media application that allows user to check out new feed, like, comment and even check other user’s profile. It has search, follow,

Pratul Pant 9 Dec 1, 2022
Responsive Full Stack Reddit Clone - Works on Android, iOS & Web! built with Flutter πŸš€πŸ’™

?? ??️ ?? ??️ ?? ??️ ?? ??️ UNDER CONSTRUCTION ?? ??️ ?? ??️ ?? ??️ ?? ??️ Reddit Clone ?? ?? Responsive Full Stack Reddit Clone - Works on Android, i

SOLOMON ABUH 3 Dec 15, 2022
A fully functional Furniture App Clone made using Flutter, Supabase and Getx State Management.

?? Flutter Furniture App ?? Timberr is a fully functional Furniture App Clone Developed using Flutter, Supabase and Getx State Management which is bas

Aditya 54 Nov 22, 2022
Flying Fish is full-stack Dart framework - a semi-opinionated framework for building applications exclusively using Dart and Flutter

Flying Fish is full-stack Dart framework - a semi-opinionated framework for building applications exclusively using Dart and Flutter.

Flutter Fish 3 Dec 27, 2022
Working Instagram Clone (Frontend + Backend) created with Flutter and Firebase

Instagram_clone Instagram Clone (Both frontend and backend) created with Flutter and Firebase. Show some ❀️ and star the repo to support the project.

Mohak Gupta 684 Dec 31, 2022