Skip to content

Instantly share code, notes, and snippets.

Avatar

Techomoro techomoro

View GitHub Profile
View AppContext.js
import React from "react";
const AppContext = React.createContext();
export default AppContext;
View AppContext.jsx
import React from "react";
const AppContext = React.createContext();
export default AppContext;
View questionsArray.js
let questionsArray = [
{
question: "What is your name?",
resumeField: "Name",
resumeFieldId: "name",
},
{
question: "Email address",
resumeField: "Email",
resumeFieldId: "email",
View Resume.jsx
import React, { createRef, useContext } from "react";
import Pdf from "react-to-pdf";
import AppContext from "../AppContext";
import { makeStyles } from "@material-ui/core/styles";
const useStyles = makeStyles((theme) => ({
buttonBuildNew: {
cursor: "pointer",
minWidth: "7rem",
textAlign: "center",
View Questions.jsx
import React, { useEffect, useContext } from "react";
import { makeStyles } from "@material-ui/core/styles";
import { LinearProgress, Typography, Box } from "@material-ui/core";
import Question from "./Question";
import AppContext from "../AppContext";
import Resume from "./Resume";
const useStyles = makeStyles((theme) => ({
root: {
display: "flex",
View Question.jsx
import React, { useContext } from "react";
import { Button, TextField } from "@material-ui/core";
import { makeStyles } from "@material-ui/core/styles";
import AppContext from "../AppContext";
import { ArrowRight } from "@material-ui/icons";
const useStyles = makeStyles((theme) => ({
buttonContainer: {
display: "block",
marginTop: "1rem",
View App.js
import React, { Component } from "react";
import Button from "./components/Button";
import "./assets/css/style.css";
export default class App extends Component {
constructor() {
super();
this.state = {
count: 0
};
View App.js
import React, { useState } from "react";
import { Navigation, Footer, Header, WhatWeDo, Contact } from "./components";
function App() {
let languageStoredInLocalStorage = localStorage.getItem("language");
let [language, setLanguage] = useState(
languageStoredInLocalStorage ? languageStoredInLocalStorage : "English"
);
return (
View index.js
export { default as Navigation } from "./Navigation";
export { default as Footer } from "./Footer";
export { default as Header } from "./Header";
export { default as WhatWeDo } from "./WhatWeDo";
export { default as Contact } from "./Contact";
View Contact.jsx
import React, { Fragment } from "react";
function Contact(props) {
let content = {
English: {
title: "Contact Us",
address: "Lorem ipsum, Lorem ipsum, Lorem, 123456",
phone: {
label: "Phone",
value: "+12 34567"