Giter Site home page Giter Site logo

tamotam-com / tamotam-app Goto Github PK

View Code? Open in Web Editor NEW
35.0 1.0 4.0 2.94 MB

(🧪 Early Beta) 🤙 TamoTam. HangOut. Offline.

Home Page: https://tamotam.com

TypeScript 89.32% JavaScript 0.63% Java 5.15% Ruby 2.67% Objective-C 0.19% Swift 0.06% Objective-C++ 1.98%
android ios react-native react-native-app javascript lifestyle lifestyle-app social-network typescript entertainment offline-app people firebase react firestore redux event-app reactjs hacktoberfest hacktoberfest2024

tamotam-app's Introduction

🤙 TamoTam. HangOut. Offline.

TamoTam in Apple App Store TamoTam in Google Play Store

Description

Map with offline events happening around you. You don't need to log in or register.

Go Online to be Offline.

TamoTam aims to limit online time spent on digital applications in favor of offline social life outside the screen.

The application aims to be minimalistic and exclude features such as:

  • Addictive Feed,
  • Destructive Notifications,
  • Brain-affecting Likes,
  • Comments, #StopHate,
  • Share, #StopFakeNews,
  • Other complicated Algorithms unconsciously affect your stay online.

That's because we believe Social Media affects us mentally, such as Anxiety, Depression, Fear Of Missing Out (FOMO), Fear of Speaking Up, Isolation, and more.

Look what's happening around you in Real. Offline. Social Life. Could you add your events (log in or registration required) to contribute to that idea?

Note

The application is in an early stage of development with a number of improvements & issues. It will take time before the application will be complete, performant and user-friendly, but in late 2023 we expect Early Beta.

Thanks in advance for understanding while reviewing TamoTam.

Developers

That's an Open Source project; feel free to contribute.

Frontend/JavaScript/Web Developer interested in React Native/JavaScript Mobile Development?

The project is a combination of a personal education project to learn JavaScript Mobile Development using React Native and business idea to create a mobile app with offline-only events to limit online time.

Therefore, even if that's just from business point of view super easy app for now, it contains several nice technical implementation, which helped me to understand the ecosystem on React Native and become better developer.

Technological stack

  • React/Native + TypeScript;
  • Redux;
  • Different databases (Firebase, SQLite, AsyncStorage);
  • AsyncStorage, which is really comparable to localStorage we have on Web;
  • Caching data using AsyncStorage;
  • Making the Web code actually compiled & working with deployed app to the store;
  • Logging & Monitoring to Firebase Analytics/Firebase Performance Monitoring;
  • Reporting crashes to Firebase Crashlytics;
  • Handling environmental variables in Android, iOS, and Web - changes in native code were required;
  • Integration of 3rd party tools, like Firebase-* and Google Maps;
  • Usage, looks & feel of Material Design (React Native Paper) in a real application.

Stay up to date

Keep yourself up to date about TamoTam and me motivated by giving a Star :-) Star TamoTam on GitHub

Run it

Android Simulator

  1. Run on Android Studio
  2. yarn start
  3. adb reverse tcp:8081 tcp:8081

Alternatively, expo run:android --variant release, for production version.

Kill Android Simulator

adb -s emulator-5554 emu kill, where emulator-5554 is the emulator name.

iOS Simulator

  1. Build using Xcode, if the application isn't installed on the simulator
  2. yarn start
  3. i

Alternatively, expo run:ios --configuration Release, for production version.

Release

  1. eas build -p android
  2. eas build -p ios

Architecture

We're using Redux, but the easiest to understand the architecture is the image below with Flux architecture, which in fact is really similar. However, it's important to note we're using 1 store, like in Redux architecture.

Data Flow Architecture image Image source: https://www.freecodecamp.org/news/an-introduction-to-the-flux-architectural-pattern-674ea74775c9/

External API's, like Ticketmaster, provide +/- 10k of external events. The TamoTam's client is fetching also events added by the user, from Firebase. After all events will be fetched, those are being cached locally, using AsyncStorage. After events are being cached locally on a device, the user can save their favourite events. Those saved events are also saved locally on a device. Those are saved using SQLite. In addition to that, users can add their own events, and those are saved in Firebase.

Application Architecture image Made using: https://app.diagrams.net

In media

Research

Contact

contact[at]tamotam[dot]com

(demo) number of Android downloads badge: https://playbadges.pavi2410.me/badge/full?id=com.tamotam.application

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.