Skip to content

Instantly share code, notes, and snippets.

View syamjayaraj's full-sized avatar
🎯
Focusing

Syamlal CM syamjayaraj

🎯
Focusing
22 followers · 8 following
View GitHub Profile
@syamjayaraj
syamjayaraj / Navigation.jsx
Created February 15, 2020 06:33
import React from "react";
function Navigation(props) {
return (
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">
React Multi-Language Website
</a>
<div className="language-select">
@syamjayaraj
syamjayaraj / Footer.jsx
Created February 15, 2020 06:35
@syamjayaraj
syamjayaraj / About.jsx
Created July 26, 2020 10:48
import React from "react";
import {Helmet} from "react-helmet";
function About() {
return (
<div className="about">
<Helmet>
<title>About - yoursite.com</title>
<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." />
<link rel="canonical" href="http://mysite.com/example" />
@syamjayaraj
syamjayaraj / index.html
Created July 26, 2020 11:35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
@syamjayaraj
syamjayaraj / VotingCard.jsx
Created January 25, 2021 06:25
import React from "react";
import { Card, Button } from "react-bootstrap";
function VotingCard(props) {
let { team, incrementVoteCount } = props;
return (
<Card style={{ width: "18rem" }}>
<Card.Img variant="top" src={`/assets/images/${team.logo}`} />
<Card.Body>
@syamjayaraj
syamjayaraj / App.js
Created January 25, 2021 06:32
import React, { useEffect, useState } from "react";
import { Container, Row, Col } from "react-bootstrap";
import VotingCard from "./components/VotingCard";
import teamsJson from "./lib/teams.json";
import "./assets/scss/styles.scss";
import "bootstrap/dist/css/bootstrap.css";
function App() {
let [teams, setTeams] = useState([]);
@syamjayaraj
syamjayaraj / Question.jsx
Created January 30, 2021 03:43
import React from "react";
import { Card, ListGroup } from "react-bootstrap";
function Question(props) {
let { question, checkOption } = props;
return (
<Card>
<Card.Body>
<Card.Title>{question.name}</Card.Title>
<ListGroup>
@syamjayaraj
syamjayaraj / ResultModal.jsx
Created January 30, 2021 04:31
import React from "react";
import { Modal, Button } from "react-bootstrap";
import { PieChart } from "react-minimal-pie-chart";
function Question(props) {
let { correct, incorrect, testAgain } = props;
let correctPercentage = (correct / 10) * 100;
let incorrectPercentage = 100 - correctPercentage;
return (
@syamjayaraj
syamjayaraj / App.js
Created January 30, 2021 04:37
import React, { useEffect, useState } from "react";
import { Container, Navbar, Nav } from "react-bootstrap";
import Question from "./components/Question";
import "./assets/scss/styles.scss";
import "bootstrap/dist/css/bootstrap.css";
import { LoremIpsum } from "lorem-ipsum";
import ResultModal from "./components/ResultModal";
var randomNumber = require("random-number");
@syamjayaraj
syamjayaraj / _navbar.scss
Created January 30, 2021 05:16
.navbar {
box-shadow: 0 4px 32px 0 rgba(10, 14, 29, 0.02),
0 8px 64px 0 rgba(10, 14, 29, 0.08);
height: 5rem;
.navbar-nav {
.number {
font-size: 2rem;
}
}
}