+ );
+}
+
+export default Create
\ No newline at end of file
diff --git a/src/components/Home/Inspire.jpg b/src/components/Home/Inspire.jpg
new file mode 100644
index 0000000..6794161
Binary files /dev/null and b/src/components/Home/Inspire.jpg differ
diff --git a/src/components/Home/QuoteX.css b/src/components/Home/QuoteX.css
new file mode 100644
index 0000000..4aecd50
--- /dev/null
+++ b/src/components/Home/QuoteX.css
@@ -0,0 +1,16 @@
+.quotex-container {
+ margin-top: 2rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 60%;
+}
+
+.first-row-second-col {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.first-row {
+ background-color: bisque;
+}
\ No newline at end of file
diff --git a/src/components/Home/QuoteX.jsx b/src/components/Home/QuoteX.jsx
new file mode 100644
index 0000000..8a161a8
--- /dev/null
+++ b/src/components/Home/QuoteX.jsx
@@ -0,0 +1,90 @@
+import React from 'react'
+import { Container, Row, Col, Image, Button, Card } from 'react-bootstrap'
+import { Link } from "react-router-dom"
+import "./QuoteX.css"
+
+function QuoteX() {
+ return (
+
+
+
+
+
+
+
+
Life's Tough.
+
Get Inspired.
+
+
+
+
+
Recent Quotes Made By Our Users
+
+
+
+
+
+ Mahatma Gandhi
+
+ You must be the change you wish to see in the world.
+
+
+
+
+
+
+
+ Aristotle
+
+ It is during our darkest moments that we must focus to see the
+ light.
+
+
+
+
+
+
+
+ Confucius
+
+ It does not matter how slowly you go, as long as you do not
+ stop.
+
+
+
+
+
+
+
+ Today's Featured Quote
+
+ Ralph Waldo Emerson
+
+ The only person you are destined to become is the person you
+ decide to be.
+
+
+
+
+
+
+ );
+}
+
+export default Viewed
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 2c3fac6..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,69 +0,0 @@
-:root {
- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
- line-height: 1.5;
- font-weight: 400;
-
- color-scheme: light dark;
- color: rgba(255, 255, 255, 0.87);
- background-color: #242424;
-
- font-synthesis: none;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -webkit-text-size-adjust: 100%;
-}
-
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
-}
-a:hover {
- color: #535bf2;
-}
-
-body {
- margin: 0;
- display: flex;
- place-items: center;
- min-width: 320px;
- min-height: 100vh;
-}
-
-h1 {
- font-size: 3.2em;
- line-height: 1.1;
-}
-
-button {
- border-radius: 8px;
- border: 1px solid transparent;
- padding: 0.6em 1.2em;
- font-size: 1em;
- font-weight: 500;
- font-family: inherit;
- background-color: #1a1a1a;
- cursor: pointer;
- transition: border-color 0.25s;
-}
-button:hover {
- border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
- outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
- :root {
- color: #213547;
- background-color: #ffffff;
- }
- a:hover {
- color: #747bff;
- }
- button {
- background-color: #f9f9f9;
- }
-}
diff --git a/src/main.jsx b/src/main.jsx
index 54b39dd..bbfa59c 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,10 +1,12 @@
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
-import './index.css'
+import { BrowserRouter } from 'react-router-dom'
ReactDOM.createRoot(document.getElementById('root')).render(
-
+
+
+ ,
)
diff --git a/src/quotes.json b/src/quotes.json
new file mode 100644
index 0000000..9403752
--- /dev/null
+++ b/src/quotes.json
@@ -0,0 +1,192 @@
+[
+ {
+ "text": "Many of life's failures are people who did not realize how close they were to success when they gave up.",
+ "author": "Thomas Edison",
+ "category": ["Encouraging"]
+ },
+ {
+ "text": "Believe you can and you're halfway there.",
+ "author": "Theodore Roosevelt",
+ "category": ["Encouraging"]
+ },
+ {
+ "text": "Nothing is Possible. The word itself is 'I'm Possible'",
+ "author": "Unknown",
+ "category": ["Encouraging"]
+ },
+ {
+ "text": "Even the darkest night will end and the sun will rise.",
+ "author": "Les Misérables",
+ "category": ["Encouraging"]
+ },
+ {
+ "text": "If you're going through hell, keep going.",
+ "author": "Winston Churchill",
+ "category": ["Encouraging"]
+ },
+ {
+ "text": "It does not matter how slowly you go as long as you do not stop.",
+ "author": "Confucius",
+ "category": ["Encouraging"]
+ },
+ {
+ "text": "If Plan A doesn't work, there are 25 more letters in the alphabet.",
+ "author": "Confucius",
+ "category": ["Encouraging"]
+ },
+ {
+ "text": "If you can dream it, you can do it.",
+ "author": "Walt Disney",
+ "category": ["Inspiring"]
+ },
+ {
+ "text": "Don't count the days, make the days count.",
+ "author": "Muhammad Ali",
+ "category": ["Inspiring"]
+ },
+ {
+ "text": "The best and most beautiful things in the world cannot be seen or even touched - they must be felt with the heart.",
+ "author": "Helen Keller",
+ "category": ["Inspiring"]
+ },
+ {
+ "text": "Perfection is not attainable, but if we chase perfection we can catch excellence.",
+ "author": "Vince Lombardi",
+ "category": ["Inspiring"]
+ },
+ {
+ "text": "Before you marry a person, you should first make them use a computer with slow Internet to see who they really are.",
+ "author": "Will Ferrell",
+ "category": ["Funny"]
+ },
+ {
+ "text": "People say love is the best feeling, but I think finding a toilet when you are having diarrhea is better",
+ "author": "Unknown",
+ "category": ["Funny"]
+ },
+ {
+ "text": "My advice to you is get married: If you find a good wife you'll be happy; if not, you'll become a philosopher",
+ "author": "Socrates",
+ "category": ["Funny"]
+ },
+ {
+ "text": "Two things are infinite: the universe and human stupidity. And I'm not sure about the universe.",
+ "author": "Albert Einstein",
+ "category": ["Funny"]
+ },
+ {
+ "text": "The best way to teach your kids about taxes is by eating 30 percent of their ice cream",
+ "author": "Albert Einstein",
+ "category": ["Funny"]
+ },
+ {
+ "text": "If you think nobody cares if you’re alive, try missing a couple of car payments.",
+ "author": "Earl Wilson",
+ "category": ["Funny"]
+ },
+ {
+ "text": "Always code as if the person who ends up maintaining your code will be a violent psychopath who knows where you live.",
+ "author": "Unknown",
+ "category": ["Coding"]
+ },
+ {
+ "text": "Give someone a program; you frustrate them for a day; teach them how to program, and you frustrate them for a lifetime",
+ "author": "David Leinweber",
+ "category": ["Coding"]
+ },
+ {
+ "text": "If the code doesn't bother you, don't bother it.",
+ "author": "Unknown",
+ "category": ["Coding"]
+ },
+ {
+ "text": "You never finish a program, you just stop working on it.",
+ "author": "Unknown",
+ "category": ["Coding"]
+ },
+ {
+ "text": "Programming today is a race between software engineers striving to build bigger and better idiot-proof programs and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.",
+ "author": "Rick Cook",
+ "category": ["Coding"]
+ },
+ {
+ "text": "There is always one more bug to fix.",
+ "author": "Ellen Ullman",
+ "category": ["Coding"]
+ },
+ {
+ "text": "Sometimes it pays to stay in bed on Monday, rather than spending the rest of the week debugging Monday's code.",
+ "author": "Dan Salomon",
+ "category": ["Coding"]
+ },
+ {
+ "text": "Java is to Javascript what car is to Carpet.",
+ "author": "Chris Heilmann",
+ "category": ["Coding"]
+ },
+ {
+ "text": "The best way to appreciate your job is to imagine yourself without one.",
+ "author": "Oscar Wilde",
+ "category": ["Work"]
+ },
+ {
+ "text": "Every day I get up and look through the Forbes list of the richest people in America. If I'm not there, I go to work.",
+ "author": "Robert Orben",
+ "category": ["Work"]
+ },
+ {
+ "text": "I always give 100% at Work: 10% Monday, 23% Tuesday, 40% Wednesday, 22% Thursday, and 5% Friday.",
+ "author": "Unknown",
+ "category": ["Work"]
+ },
+ {
+ "text": "My boss told me to start every presentation with a joke. The first slide was my paycheck.",
+ "author": "Unknown",
+ "category": ["Work"]
+ },
+ {
+ "text": "I love deadlines. I like the whooshing sound they make as they fly by.",
+ "author": "Douglas Adams",
+ "category": ["Work"]
+ },
+ {
+ "text": "I always arrive late at the office, but I make up for it by leaving early.",
+ "author": "Charles Lamb",
+ "category": ["Work"]
+ },
+ {
+ "text": "I always arrive late at the office, but I make up for it by leaving early.",
+ "author": "Charles Lamb",
+ "category": ["Work"]
+ },
+ {
+ "text": "The best abs exercise is five sets of stop eating so much",
+ "author": "Lazar Angelov",
+ "category": ["Health"]
+ },
+ {
+ "text": "It's no longer a question of staying healthy. It's a question of finding a sickness you like.",
+ "author": "Unknown",
+ "category": ["Health"]
+ },
+ {
+ "text": "We do not stop exercising because we grow old - we grow old because we stop exercising.",
+ "author": "Kenneth Cooper",
+ "category": ["Health"]
+ },
+ {
+ "text": "I don't have a favorite programming language, I just hate them all equally.",
+ "author": "Unknown",
+ "category": ["Coding"]
+ },
+ {
+ "text": "I'm not a bug, I'm a feature in disguise.",
+ "author": "Unknown",
+ "category": ["Coding"]
+ },
+ {
+ "text": "The best thing about a boolean is even if you are wrong, you are only off by a bit.",
+ "author": "Unknown",
+ "category": ["Coding"]
+ }
+]
diff --git a/src/utils.jsx b/src/utils.jsx
new file mode 100644
index 0000000..9d46f1c
--- /dev/null
+++ b/src/utils.jsx
@@ -0,0 +1,52 @@
+import quotes from "./quotes.json";
+
+//From Own Database
+export const getWord = (category) => {
+ let matchingQuotes = [];
+ if (category[1] != "") {
+ for (const quote of quotes) {
+ quote.author.includes(category[1]) ?
+ matchingQuotes.push(quote) : null
+ }
+ } else if (category[0] != ""){
+ for (const quote of quotes) {
+ quote.category.includes(category[0]) ?
+ matchingQuotes.push(quote) : null
+ }
+ }
+
+ const defaultQuote = {
+ text: "No Quote Found",
+ author: "NA"
+ }
+ let matchingQuote = matchingQuotes.length > 0? matchingQuotes[Math.floor(Math.random() * matchingQuotes.length)] : defaultQuote
+ return matchingQuote
+};
+
+export const getAuthors = () => {
+ let authors = new Set();
+ for (const quote of quotes) {
+ authors.add(quote.author);
+ }
+ return [...authors];
+}
+
+export const getCategory = () => {
+ let category = new Set();
+ for (const quote of quotes) {
+ category.add(quote.category[0]);
+ }
+ return [...category];
+};
+
+//From https://type.fit/api/quotes
+export const getWordFromTF = async () => {
+ let tfQuotes = []
+ const response = await fetch("https://type.fit/api/quotes");
+ tfQuotes = await response.json();
+ return tfQuotes
+}
+
+//From API Ninjia
+
+