Signal React Native Project
v1.06 -
Coded with React Native. Expo framework, 0auth one click login & signup with Google login, Facebook login, Github login, Twitter login, Email login,
React Navigation, Vector Icons & React Native elements.
App Link: https://signal-react-native-6e694.firebaseapp.com/
How to:
To code a web app similar to the one at the domain https://signal-react-native-6e694.web.app/ using the codebase from https://github.com/KevinRoozrokh/signal-react-native, you can follow the following step-by-step guide:
-
Set up the development environment:
- Install Node.js and npm (Node Package Manager) if you haven't already.
- Choose a code editor or integrated development environment (IDE) for development.
- Install React Native CLI globally by running the following command:
npm install -g react-native-cli
-
Clone the codebase:
- Open a terminal or command prompt.
- Navigate to the desired directory where you want to clone the project.
- Run the following command to clone the repository:
git clone https://github.com/KevinRoozrokh/signal-react-native.git
-
Install dependencies:
- Navigate into the project directory:
cd signal-react-native
- Run the following command to install the project dependencies:
npm install
- Navigate into the project directory:
-
Configure the app:
- Open the project in your code editor.
- Look for a configuration file or files that contain environment variables or settings, such as
.env
orconfig.js
. - Set any required configuration variables based on your environment (e.g., API keys, endpoints).
-
Start the development server:
- Run the following command to start the development server:
npm start
- This will launch the Metro Bundler, which serves the JavaScript bundle for your app.
- Run the following command to start the development server:
-
Run the app on a device or emulator:
- Ensure you have either an Android or iOS emulator set up, or a physical device connected to your computer.
- Open a new terminal or command prompt window and navigate to the project directory if you're not already in it.
- Run the following command to launch the app on the emulator or connected device:
or
npx react-native run-android
npx react-native run-ios
- This will install the app on the emulator or device and launch it.
-
Explore and modify the code:
- Open the project in your code editor.
- Explore the directory structure and familiarize yourself with the codebase.
- Make any necessary modifications or enhancements to meet your requirements.
-
Test the app:
- Use the emulator or connected device to interact with the app and test its functionality.
- You can also use tools like React Native Testing Library or Jest to write and run tests for your app.
-
Build and deploy the app:
- Once you are satisfied with your modifications, you can build and deploy the app.
- Follow the documentation provided with React Native to generate the appropriate build for your target platform (Android or iOS).
-
Continuously maintain and update the app:
- Monitor and address any reported issues or bugs.
- Implement new features or improvements based on user feedback.
- Keep your dependencies up to date by regularly updating them.
Please note that this guide assumes you have basic knowledge of React Native and how to work with Node.js and npm. Additionally, ensure you have reviewed any documentation or README files provided in the codebase repository to understand any specific instructions or requirements for the Signal React Native app.
Coded by Kevin Roozrokh
.
Portfolio: https://kevinroozrokh.github.io/
Github: https://github.com/KevinRoozrokh
Email: KevRooz@Outlook.com
Kevin's Social Media Links:
Version Notes //
Version v1.00 Created Signal Signin/Signup screens.
Version v1.01 Coded Chat and Home Screen.
Version v1.02 Added React Native elements Font Awesome & Vector Icons.
Version v1.03 Coded Login Screen as home page.
Version v1.04 Coded Settings & Add Chat screens.
Version v1.05 Added React Native Switch elements. Mapped Nativeative navigation buttons. Configured NoSQL database.
Version v1.06 Configured Auth0 for Google Login, Facebook Login, Twitter Login, Github Login and Email signin.
Version v1.07 Added Signal logo to LoginScreen.