Skip to content

Android Social Media Application developed with React Native/Firebase

Notifications You must be signed in to change notification settings

foreversponge/snaptalk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SnapTalk

Description

SnapTalk is a social media application for Android. It allows users to stay updated on the content posted by other users. The user can post, comment, and like pictures. By following another account, the user can have a personal feed. The user will also receive notifications when being followed, and can customize the color scheme of the app.

Objective

The objective of this project is to develop a social media application that ressembles Instagram.

Core Features

  1. The user can post pictures.
  2. The user can follow other users and receive notifications when the user is followed by another user.
  3. The user can leave comments on posted pictures.
  4. The user can like other users' posts.
  5. The user can change the app's color scheme.

Team Members

Name Github ID
Manraj Rai (tech lead) Manraj45
Samuel Huang huangs08
Lauren Lim Mxn458
Razvan Ivan Talos10
Cosmin Sustac N0ot-No0t

Technologies

  • Android
  • Firebase
  • React Native
  • JavaScript
  • Node.js
  • Android Studio

Coding Conventions

  • All identifiers must start with a letter.
  • All identifiers must follow the camelCase convention.
  • All code blocks should be properly indented.
  • Stylesheets should be separated in another folder and file, except when it is absolutely necessary to keep them in the file.
  • Use a space before opening the bracket.
function = () =>  {
  //...
}
  • Avoid underscores.
  • Comments should be above the code involved.

Install

  1. Clone the repository.
  2. Run the command npm install to install all relevant dependencies.
  3. Run the command npx react-native run-android.
  4. To run the unit tests, run the command npm test.

Screenshots

1. Loading Screen

The client will see this page when SnapTalk is started.

2. Login

The client can login to an existing account, or can create a new account.

3. Registration

The client can create an account. This account will be added to the database with the appropriate information.

4. Home Screen

The home screen displays all posts from the users that are being followed by the client. It is empty because the client is not following any users at the time this screenshot is taken.

5. Discovery Screen

The discovery screen displays all posts from all users.

6. Profile Screen / Follow Feature

The client can access another user's profile by clicking on the post's user name. The profile screen also displays the option to follow the user.

The client can follow the user by pressing the follow button. This will update the database accordingly, as seen below.

The home screen will then update and display all the posts from the user that the client is following, as seen below.

7. Notification Screen

The client receives a notification when someone follows them. They can choose to delete the notification if they want to.

8. Like Feature

The client can like posts. For instance, on the discovery page, the client can like and unlike the new post.

9. Comment Feature

The client can access any post's comments section.

The client can comment on the post, as seen below. The database will also be updated accordingly, as well as the number of comments displayed on the post.

The client can edit the comment. The post information will be updated accordingly, as seen below.

The client can delete the comment.

10. Post Screen

The client can post a picture with a caption. The post will be displayed on the Discovery screen.

The client's post will also be displayed on the client's profile page.

11. SnapTalk Color Feature

The client can choose SnapTalk's color schemes.

Test

About

Android Social Media Application developed with React Native/Firebase

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published