livlog

Open Weather Map API I will use the free option to build an app. Before starting to build, I will check this API first with Postman Put API key and other keys then we can get the values. Now make the project and components first to show the API data later. import React, { createContext } from "react"; export const WeatherContext = createContext({}); export default function WeatherProvider(childr..

Organize the directory first. To make a table we make cell and row jsx files. We will put the selection of time near the timetable so for that, we will make an array of times. Use Material-ui to make a table format. import React from "react"; import { TableContainer, Typography, Table, TableHead, TableBody, TableRow, TableCell, } from "@mui/material"; const hourData = Array.from({ length: 11 }, ..

In react, we try to use 'Ref' instead of using 'id'. import React, { useRef } from "react"; import "./draggable.css"; export default function Draggable(children, handleRef, onMove) { const dragRef = useRef(null) return ( {children} ) } In this code, we use 'useRef' to make use of 'id' in regular code. Element.getBoundingClientRect() getBoundingClientRect() Return value The returned value is a DO..