Skip to content

Latest commit

 

History

History
113 lines (70 loc) · 2.93 KB

README.md

File metadata and controls

113 lines (70 loc) · 2.93 KB

React Native Projects

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js installed on your machine. You can download it here.

Getting Started

To get a local copy up and running, follow these steps:

Installation

  1. Clone the repository: 
    git clone https://github.com/TheCoderAdi/react-native-projects.git
  2. Navigate to the project directory: 
    cd react-native-projects
  3. Install the dependencies: 
    npm i
  4. Start the development server: 
    npm run start

StopWatch Features

  • Start and stop the stopwatch
  • Record laps
  • Reset the stopwatch

Tic Tac Toe Features

  • Playable Tic Tac Toe game with a 3x3 grid
  • Option to play against another player or the computer
  • Display of game results (Winner or Draw)
  • Restart the game with the option to select the mode again

Calculator Features

  • Functional calculator with basic arithmetic operations (addition, subtraction, multiplication, division)
  • Percentage calculation and bracket handling
  • Ability to toggle the sign of the current number
  • Display of current input and result
  • Clear button to reset the input

QR Code Scanner Features

  1. Camera Permissions:

    • Requests camera access permissions from the user to enable QR code scanning functionality.

  2. Toggle Camera Facing:

    • Allows the user to switch between the front and back cameras for scanning.

  3. QR Code Scanning:

    • Scans QR codes using the device's camera and decodes the encoded data.

  4. Display Scanned Data:

    • Shows the decoded QR code data on the screen.

  5. Copy to Clipboard:

    • Provides a button to copy the decoded QR code data to the clipboard.

  6. Open URL:

    • If the scanned data is a valid URL, it offers a button to open the URL in the default web browser.

  7. Scan Again:

    • Allows the user to reset the scanner and scan another QR code.

  8. Overlay Guide:

    • Displays a visual guide (corners only) to help the user position the QR code correctly in the camera view.

Todo App Features

  1. Add Todos:

    • Allows the user to add new todos by entering text and pressing the add button.

  2. Edit Todos:

    • Enables the user to edit existing todos by pressing the edit button and entering new text.

  3. Delete Todos:

    • Provides a delete button to remove todos from the list.

  4. Empty State:

    • Displays a message indicating that there are no todos when the list is empty.

  5. Scroll View:

    • Enables scrolling through a list of todos if they exceed the screen height.

  6. User-Friendly Alerts:

    • Alerts the user when trying to add an empty todo or when a todo has been copied to the clipboard.

  7. Persistent State:

    • Maintains the current list of todos and text input state.