mfrancois3k

import React from 'react';

const Button = ({ title = 'Default', className = 'button', onChange, styles = {}, ...props }) => {
    return (
        <button className={className} onClick={onChange} style={styles} {...props}>{title}</button>
    )
};

export default Button;

mfrancois3k

import React, {useState,useEffect} from 'react'
import "./styles.css"
import Ongoingsurvey from '..'
import PropTypes from 'prop-types';
import Box from '@mui/material/Box';
import Collapse from '@mui/material/Collapse';
import IconButton from '@mui/material/IconButton';
import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableCell from '@mui/material/TableCell';

mfrancois3k

const mongoose = require('mongoose');
const {
  MONGO_IP,
  MONGO_PORT,
  MONGO_USER,
  MONGO_PASSWORD,
} = require('./config/config');

const mongoURL = `mongodb://${MONGO_USER}:${MONGO_PASSWORD}@${MONGO_IP}:${MONGO_PORT}/?authSource=admin`;
// console.log(mongoURL);

mfrancois3k

// Lanch.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [

        {

harsh317

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import "react-notifications/lib/notifications.css";
import { NotificationContainer } from "react-notifications";
import { createStore, combineReducers, applyMiddleware } from "redux";
import { Provider } from "react-redux";
import ReduxThunk from "redux-thunk";

import Homescreen from "./Screens/Homescreen/Homescreen"; //              |
import PagenotFound from "./Screens/PageNotFound/PagenotFound"; //        |
import ForgotPassword from "./Screens/ForgotPassword/ForgotPassword"; //  |

mfrancois3k

How to debug nodejs code

1. You will get a debug> prompt paused at a debugger breakpoint.

 $> node inspect app.js

Navigate with the following:

• c will continue to next debuggerstatement or end
• n runs the next code line

bgoonz

---

title: Accessibility in React weight: 0 excerpt: At this point, we have accomplished all of the features we set out to implement. A user can add a new task, check and uncheck tasks, delete tasks, or edit task names. And they can filter their task list by all, active, or completed tasks. seo: title: 'Accessibility in React' description: 'At this point, we have accomplished all of the features we set out to implement. A user can add a new task, check and uncheck tasks, delete tasks, or edit task names. And they can filter their task list by all, active, or completed tasks.' robots: [] extra: [] template: docs

mfrancois3k

reference 
https://github.com/alaminwebdev/foodie/blob/40c215942fc69e9b0d8f28e962fd2fdc841e6296/src/component/body/home/SlideText.js

slidetext.js

import React from 'react';
import { motion } from 'framer-motion';

import Typography from '@mui/material/Typography';
import Button from '@mui/material/Button';

mfrancois3k

import "./styles.css";
import { useState } from "react";
import { motion } from "framer-motion";

export default function App() {
  const [imageLoading, setImageLoading] = useState(true);
  const [pulsing, setPulsing] = useState(true);

  const imageLoaded = () => {
    setImageLoading(false);

moelle89

<!----- loading overlay ----->
<div class="loading-overlay">
  <div class="loading__line loading__line-1"></div>
  <div class="loading__line loading__line-2"></div>
</div>

<!----- main container ----->
<div class="container">

  <!----- navbar ----->