techwithtwin

import React, {useState} from 'react';
import {Alert, Modal, StyleSheet, Text, Pressable, View} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
import {Dimensions} from 'react-native';

const windowWidth = Dimensions.get('window').width;
const windowHeight = Dimensions.get('window').height;

const App = () => {
  const [modalVisible, setModalVisible] = useState(false);

techwithtwin

Welcome! This task will help us gauge your React skills, your approach to problem-solving, and how comfortable you are working with APIs and modern frontend tooling.

📌 Task Overview

You’ll be building a small React app using Vite that fetches data from the HackerNews API.

The goal is to:

1. Fetch a list of top story IDs from the HackerNews API.

• Endpoint: https://hacker-news.firebaseio.com/v0/topstories.json

techwithtwin

/*
test 1;
nums = [2,7,11,15];
target = 9;
ans = [0,3];

test 2;
nums = [3,3];
target = 6;
ans = [0,1]

techwithtwin

"use client";

import { Box } from "@chakra-ui/react";
import Image from "next/image";

const WhatsAppBtn = () => {
  const handleContactWhatsapp = () => {
    window.open("https://api.whatsapp.com/send/?phone=+254722781646");
  };
  return (

techwithtwin

import { marginX, sampleImage } from "@/utils/constants";
import {
  Avatar,
  AvatarGroup,
  Box,
  Button,
  Flex,
  Heading,
  SimpleGrid,
  Stack,

techwithtwin

/*
Add the total

const fruits = [
  { description: 'Mangoes',  total: 3 },
  { description: 'PawPaw',  total: 2.5 },
  { description: 'Oranges', total: 12 }
];

*/

techwithtwin

//simple script to add a suffix of item length to an array item

const fruits = ["apples", "pawpaw", "oranges", "bananas"];

const fruitsWithSuffix = fruits.map((fruit, i) => fruit + i);

console.log(fruitsWithSuffix);

//using for loop
// const fruitsWithSuffix = [];

techwithtwin

"use client";
import { AiFillInstagram } from "react-icons/ai";
import { FaLinkedin } from "react-icons/fa";
import { FaXTwitter } from "react-icons/fa6";
import { Box, Icon, Image, Stack, Text } from "@chakra-ui/react";
import { motion, useAnimation } from "framer-motion";
import Link from "next/link";

interface Props {
  member: {

techwithtwin

import os
import requests
import mimetypes

# Configuration
BASE_URL = "<your base url>"
FILES_ENDPOINT= f"{BASE_URL}/files"
UPLOAD_COLLECTION = f"{BASE_URL}/items/<collection to upload to>"
IMAGES_FOLDER= "./leg1"
DEFAULT_TYPE = 'leg1'

techwithtwin

"use client";

import {
  ColorModeProvider,
  ColorModeProviderProps,
} from "@/components/ui/color-mode";
import { system } from "@/theme";

import { ChakraProvider } from "@chakra-ui/react";