Giter VIP home page Giter VIP logo

ryanbakker / torque-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.07 MB

A personal project to learn React Native with Expo. torque – Post & Share car meets to engage and grow the car community.

JavaScript 65.91% Java 18.70% Ruby 7.63% Objective-C 0.68% Objective-C++ 6.64% Swift 0.23% C 0.21%
android expo firebase firebase-auth firebase-database firestore google-maps google-maps-api google-maps-react ios

torque-app's Introduction

torque logo

Create & share car meets to join, grow and
engange with the car enthusiast community.

Tools

React Native Expo JavaScript CSS Firebase Google Cloud IOS Android Figma

Overview

Welcome to torque, the ultimate portal for car enthusiasts! My mission is to provide a seamless and enjoyable experience for the automotive community. Unlike other apps that fade away, torque is designed with longevity in mind, ensuring a vibrant and lasting community.

Key Features (Currently in Development):

  • Easy-to-Use Interface: torque prioritizes simplicity, making it a breeze for users to navigate and engage with their community effortlessly.
  • Customizable User Profiles: Showcase your ride in style! torque allows users to personalize their profiles, reflecting their unique taste and passion for cars.
  • Car Meet Management (CRUD): I'm currently developing powerful CRUD functionality to plan, organize, and participate in car meets. It will be easier than ever to connect with fellow enthusiasts.
  • Explore Meets with Google Maps: Discover exciting car meets near you using torque's integration with Google Maps. Get directions and join the action!

Future Development:

I'm hard at work developing additional features, including:

  • In-App Messaging: Stay connected with your automotive community through seamless in-app messaging.
  • Turn-by-Turn Navigation: Navigate to car meets with ease using torque's upcoming turn-by-turn navigation feature, complete with live traffic updates.

Learning Journey with torque:

This is my first big React Native Expo app, and torque is a long-term project aimed at helping me learn and grow my React Native skills. I'm excited to share this journey with the community and welcome feedback and contributions as I continue to develop and enhance torque.

Stay tuned for updates and new features as torque evolves!

Preview

torque sign-in torque explore map torque explore map light

torque-app's People

Contributors

ryanbakker avatar

Watchers

avatar

torque-app's Issues

user doc ID doesn't match the firebase auth users UID - React Native Expo

When a new user is sent to the firestore database, I want the doc ID of the user to match the users UID in firebase auth. Currently the document is being assigned a random ID. The user's data is being sent to the db in the following useEffect:

React.useEffect(() => {
    checkLocalUser();
    const unsub = onAuthStateChanged(auth, async (user) => {
      if (user) {
        await AsyncStorage.setItem("@user", JSON.stringify(user));
        setUserInfo(user);

        // Check if the user already exists in Firestore
        const usersRef = collection(db, "users");
        const q = query(usersRef, where("userId", "==", user.uid));
        const querySnapshot = await getDocs(q);

        if (querySnapshot.size === 0) {
          // User does not exist, add them to Firestore
          await addDoc(usersRef, {
            displayName: user.displayName,
            photoURL: user.photoURL,
            email: user.email,
            userId: user.uid,
            coverPhoto: "",
            bio: "",
          });

          console.log("New User => ", user.displayName, user.uid);
        } else {
          console.log("User already exists:", user.displayName, user.uid);
        }
      } else {
        console.log("User not authenticated");
      }
    });

    return () => unsub();
  }, []);

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.