Coder Social home page Coder Social logo

rc-car's Introduction

RC Car - Mobile App

This is an example project that allows you to drive an RC car with a mobile app. Yes, of course you need to have a car able to communicate through Zigbee or Wifi for this to work.

Here on this page www.robotlec.com you can see from where this project originated from, here you can still find the old code that was rewritten now. Phonegap app was rewritten in React Native and the web server was written in .NET using the SignalR library, which was replaced with simpler NodeJs and a Websocket library, so now you don't need a Windows server anymore to run it.

Code for React Native is written in a container component pattern style. The main purpose of this pattern is that you have the business logic and presentation components separate. Here you can read more on this

Connection Screen Home Screen Steer Calibrate Arduino Settings
alt text alt text alt text alt text
First you need to insert an IP address depending on where the NodeJs server is running. Here from your home screen you can set additional setting for your RC car. For this RC car I'm using a servo motor for left/right steering, and sometimes you need to calibrate the steering so that it goes perfectly straight. Just some Arduino info for myself which helps me to know which wire is which.
Dashboard Drive Mode
alt text
In the main driving mode, you drive with buttons. Here you have buttons for going forward/backward and from left/right, plus you have speedometer.

Getting Started

First you need to install React Native with dependencies, in order to do this follow instructions in this link

Run

npm install

Rename .env.example to .env and correct Server IP and Port

Run app in simulator or on a physical device

Android

react-native run-android

iOS

react-native run-ios

NodeJS server (websocket)

navigate to sub-folder "node_server"

npm install

Run

node server.js

rc-car's People

Contributors

matijajanc avatar

Stargazers

Akviline 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.