Git Product home page Git Product logo

chapsnat's Introduction

chapsnat

Introduction

Chapsnat is a mockup app which intent was to resemble the actual snapchat app to give scholars a better idea how it is built. The project is built in React Native, and also uses an external chat library and firebase database for it to have the ability to send and receive messages from different users.

Main Features

  • A friends tab navigation that allows users to create a chat room while also being able to choose which users are allowed to join.
  • A chat tab navigation where users can see and select rooms available where they can go in and chat with others.
  • A profile navigation tab where users can make changes to their profile, such as changing their profile image and name. Users can also sign out which immediately takes them back to the register/sign in screen.

Installation & Setup

Install

  1. To get started, fork or clone the repo and then within the terminal inside the repo run:
yarn install
  1. Next, you want to make sure to install the Expo app through your phone before being able to view the prototype. Additional info regarding Expo can be found down below under the 'Technologies Used' section.

Set up

  1. Within your terminal inside the repo, run:
expo start
  1. Open the camera of your phone and scan the barcode from the link that opens immediately into your browser after running the command above. This should take you towards the Expo app to be able to view the project within your phone.
  2. Wait until Expo loads the project entirely. Then, register within the app and you'll find a tab bar icon below that will allow you to navigate towards the different main features from the app.

Technologies Used

Acknowledgements

chapsnat's People

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.