shafayeatsumit

Tailwind CSS Setup Guide

Prerequisites

Before you begin, make sure you have Node.js and npm (Node Package Manager) installed on your system.

Getting Started

shafayeatsumit

step 1. yarn add -D patch-package postinstall-postinstall

step 2. make change to the files

setp 3. # run patch-package to create a .patch file
        npx patch-package some-package

you will see a new folder is created inside `patches`

step 4. 

shafayeatsumit

var express     = require('express');
var app         = express();
var fs          = require('fs');

app.listen(3000, function() {
    console.log("[NodeJS] Application Listening on Port 3000");
});

app.get('/api/play/:key', function(req, res) {
    var key = req.params.key;

shafayeatsumit

import React, {useState, useRef, useEffect} from 'react';
import {
  View,
  Dimensions,
  Animated,
  Text,
  TextInput,
  TouchableOpacity,
  Image,
  Platform,

shafayeatsumit

//
//  SoftVibration.swift
//  MyTestApp
//
//  Created by Shafayeat Kabir on 5/12/20.
//

import Foundation
import CoreHaptics

shafayeatsumit

```
make a folder in root app as : assets then fonts fonts folder in assets and put ttf fonts
make a file in root : react-native-config.js and add:
module.exports = {
project: {
android: {}
},
assets: ['./assets/fonts/'],
};

shafayeatsumit

import React from 'react';
import {StyleSheet, View, Dimensions} from 'react-native';
import Animated from 'react-native-reanimated';
import {PanGestureHandler, State} from 'react-native-gesture-handler';
import {ScreenHeight, ScreenWidth} from '../../helpers/constants/common';
const {width, height} = Dimensions.get('window');
const {
  cond,
  eq,
  add,

shafayeatsumit

import React, {useRef} from 'react';
import {Animated, View, StyleSheet, PanResponder, Text} from 'react-native';

export default function App() {
  const pan = useRef(new Animated.ValueXY()).current;

  const panResponder = useRef(
    PanResponder.create({
      onStartShouldSetPanResponder: () => {
        console.log('start');

shafayeatsumit

<ImageBackground source={DEFAULT_IMAGE} style={{flex: 1}}>
      <Svg width={ScreenWidth} height={ScreenHeight}>
        <Mask id="myMask">
          <Rect x="0" y="0" width="100%" height="100%" fill="white" />
          <Circle
            cx={ScreenWidth / 2}
            cy={ScreenHeight / 2}
            r={100}
            fill="black"
          />

shafayeatsumit

import React, { useState, useEffect, useContext, Component } from 'react';
import { View, Button } from 'react-native';

import PropTypes from 'prop-types';
import { api } from '../helpers/HttpUtils';

const data = {
  medicalInformation: '',
  screeningAnswers: [],
  uploadedFiles: [