/auth-app

This application is a user authentication system that can be used across different platforms. It has been built using React, Express, and Node.js, with MongoDB as the backend database. The system is designed to be simple and easy to use, providing a seamless user experience across various platforms.

Primary LanguageJavaScript

User Authentication System

This is a full-stack application built with the MERN stack, which is cross-platform and can be run on all three platforms: Android, iOS, and the web. It includes an authentication system built with password encryption, user registration using JWT tokens, and form validation from the client to the server to ensure data security.

To clone this repo to your local system, use git clone <url of this repo>.

Before proceeding, ensure that you have installed expo-cli. If not, run npm install -g expo-cli in your terminal to install it globally.

Android Build

To test this app on your system, we recommend using the USB debugging option. Here are the steps to test the app via USB debugger:

  1. Enable USB debugging on your Android device (you can refer to any YouTube video for guidance).
  2. From the root directory, go to the server by running cd server, then run npm install && npm start. This will install the server packages and start the server on localhost.
  3. From the root directory, go to the client by running cd client, and then run npm install.
  4. Connect your mobile device to your system via USB.
  5. Run npm run expo start --localhost --android. This will run the app on your device, and the home screen will be displayed.

1682331520404

To register, simply click on the Register button, which will redirect you to the registration screen. From there, you can enter your name and email to create an account.

1682331520372

Once you have successfully registered, you will be taken to a welcome screen that will look similar to this:

1682331520339

Web Build

Following the steps mentioned previously until the 4th point, run npm run web to create a web build.

You may be prompted to install additional dependencies such as react-router-dom,webpack-dev-server@~3.11.0, @expo/webpack-config@. You can install these dependencies manually and then run the web build again.