chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-11-08 13:31:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed bugs added features

Browse Source
This commit is contained in:
Chad Doty
2025-01-08 21:23:06 -05:00
parent cb30e85cd1
commit c4675b04bc
13 changed files with 138 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 264 KiB

40
public/index.html
View File

@@ -1,21 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8" /> <head>
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="theme-color" content="#000000" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta <meta name="theme-color" content="#000000" />
name="description" <meta name="description" content="EhChadServices Official Website" />
content="Web site created using create-react-app" <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.ico" />
/> <!--
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
--> -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!-- <!--
Notice the use of %PUBLIC_URL% in the tags above. Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build. It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML. Only files inside the `public` folder can be referenced from the HTML.
@@ -24,12 +22,13 @@
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>Eh Chad Services</title>
</head> </head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript> <body>
<div id="root"></div> <noscript>You need to enable JavaScript to run this app.</noscript>
<!-- <div id="root"></div>
<!--
This HTML file is a template. This HTML file is a template.
If you open it directly in the browser, you will see an empty page. If you open it directly in the browser, you will see an empty page.
@@ -39,5 +38,6 @@
To begin the development, run `npm start` or `yarn start`. To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`. To create a production bundle, use `npm run build` or `yarn build`.
--> -->
</body> </body>
</html> </html>

15
src/App.js
View File

@@ -7,6 +7,7 @@ import Home from "./pages/Home";
import Shop from "./pages/Shop"; import Shop from "./pages/Shop";
import Socials from "./pages/Socials"; import Socials from "./pages/Socials";
import About from "./pages/About"; import About from "./pages/About";
import TermsOfService from "./pages/TermsOfService";
import Contact from "./pages/Contact"; import Contact from "./pages/Contact";
import Applications from "./pages/Applications"; import Applications from "./pages/Applications";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
@@ -14,28 +15,16 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
function App() { function App() {
return ( return (
<div className="App"> <div className="App">
<Helmet>
<meta charSet="utf-8" />
<title>Eh Chad Services</title>
<link rel="canonical" href="http://ehchadservices.com/" />
<meta name="description" content="ehchadservices.com" />
</Helmet>
<Router> <Router>
<Navbar /> <Navbar />
<Routes> <Routes>
<Route path="/" exact element={<Home />} /> <Route path="/" exact element={<Home />} />
{/* <Route path="/shop" exact element={<Shop />} /> */} {/* <Route path="/shop" exact element={<Shop />} /> */}
{/*<Route path="/applications" exact element={<Applications />} /> */} {/*<Route path="/applications" exact element={<Applications />} /> */}
<Route path="/socials" exact element={<Socials />} /> <Route path="/socials" exact element={<Socials />} />
<Route path="/about" exact element={<About />} /> <Route path="/about" exact element={<About />} />
{/* <Route path="/contact" exact element={<Contact />} /> */} {/* <Route path="/contact" exact element={<Contact />} /> */}
<Route path="/TermsOfService" exact element={<TermsOfService />} />
</Routes> </Routes>
<Discord /> <Discord />
<Footer /> <Footer />

BIN
src/assets/ehchadserviceslogo.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

0
src/assets/IMG_0771.jpg → src/assets/favicon.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 128 KiB

After

Width:  |  Height:  |  Size: 128 KiB

9
src/components/Footer.js
View File

@@ -3,7 +3,9 @@ import InstagramIcon from '@mui/icons-material/Instagram';
import TwitterIcon from '@mui/icons-material/Twitter'; import TwitterIcon from '@mui/icons-material/Twitter';
import YouTubeIcon from '@mui/icons-material/YouTube'; import YouTubeIcon from '@mui/icons-material/YouTube';
import GitHubIcon from "@mui/icons-material/GitHub"; import GitHubIcon from "@mui/icons-material/GitHub";
import { Link } from 'react-router-dom';
import "../styles/Footer.css"; import "../styles/Footer.css";
import TermsOfService from "../pages/TermsOfService";
function Footer() { function Footer() {
return ( return (
@@ -11,10 +13,13 @@ function Footer() {
<div className="socialMedia"> <div className="socialMedia">
<a href='https://github.com/DevEhChad' target="_blank" rel="noreferrer"><GitHubIcon /> </a> <a href='https://github.com/DevEhChad' target="_blank" rel="noreferrer"><GitHubIcon /> </a>
<a href="https://twitter.com/EhChad_real" target="_blank" rel="noreferrer"><TwitterIcon /> </a> <a href="https://twitter.com/EhChad_real" target="_blank" rel="noreferrer"><TwitterIcon /> </a>
<a href='https://www.instagram.com/chad.doty/' target="_blank" rel="noreferrer"><InstagramIcon /> </a> <a href='https://www.instagram.com/chad.doty/' target="_blank" rel="noreferrer"><InstagramIcon /> </a>
<a href="https://youtube.com/@ehchadreal?si=NS8Fk9PWINFnBCF0" target="_blank" rel="noreferrer"><YouTubeIcon /> </a> <a href="https://youtube.com/@ehchadreal?si=NS8Fk9PWINFnBCF0" target="_blank" rel="noreferrer"><YouTubeIcon /> </a>
</div> </div>
<p> &copy; 2024 ehchadservices.com</p> <div className="importantInfo">
<Link to="/TermsOfService">Terms of Service</Link> {TermsOfService}
</div>
<p> © 2025 ehchadservices.com</p>
</div> </div>
); );
} }

42
src/components/Navbar.js
View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import Logo from '../assets/IMG_0771.jpg'; import Logo from '../assets/favicon.jpg';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import ReorderIcon from '@mui/icons-material/Reorder'; import ReorderIcon from '@mui/icons-material/Reorder';
import '../styles/Navbar.css' import '../styles/Navbar.css'
@@ -12,28 +12,28 @@ function Navbar() {
setOpenLinks(!openLinks); setOpenLinks(!openLinks);
}; };
return ( return (
<div className='navbar'> <div className='navbar'>
<div className='leftSide' id={openLinks ? "open" : "close"}> <div className='leftSide' id={openLinks ? "open" : "close"}>
<img src={Logo} /> <img src={Logo} />
<div className='hiddenLinks'> <div className='hiddenLinks'>
<NavLink to="/"> Home </NavLink> <NavLink to="/"> Home </NavLink>
{/* <NavLink to="/applications"> Apps </NavLink> */} {/* <NavLink to="/applications"> Apps </NavLink> */}
<NavLink to="/socials"> Socials </NavLink> <NavLink to="/socials"> Socials </NavLink>
<NavLink to="/about"> About </NavLink> <NavLink to="/about"> About </NavLink>
{/* <NavLink to="/contact"> Contact </NavLink> */} {/* <NavLink to="/contact"> Contact </NavLink> */}
</div>
</div>
<div className='rightSide'>
<NavLink to="/"> Home </NavLink>
{/* <NavLink to="/applications"> Apps </NavLink> */}
<NavLink to="/socials"> Socials </NavLink>
<NavLink to="/about"> About </NavLink>
{/* <NavLink to="/contact"> Contact </NavLink> */}
<button onClick={toggleNavbar}>
<ReorderIcon />
</button>
</div> </div>
</div> </div>
<div className='rightSide'>
<NavLink to="/"> Home </NavLink>
{/* <NavLink to="/applications"> Apps </NavLink> */}
<NavLink to="/socials"> Socials </NavLink>
<NavLink to="/about"> About </NavLink>
{/* <NavLink to="/contact"> Contact </NavLink> */}
<button onClick={toggleNavbar}>
<ReorderIcon />
</button>
</div>
</div>
) )
} }

3
src/pages/Home.js
View File

@@ -15,8 +15,7 @@ function Home() {
<Link to='about'> <Link to='about'>
<button> About Page </button> <button> About Page </button>
</Link> </Link>
</div>
</div>
</div> </div>
); );
} }

42
src/pages/TermsOfService.js Normal file
View File

@@ -0,0 +1,42 @@
import React from 'react';
import '../styles/TermsOfService.css'; // Import your CSS file
function TermsOfService() {
return (
<div className="terms-container">
<h2>Terms of Service</h2>
<p>Welcome to ehchadservices.com. These Terms of Service ("Terms") govern your access to and use of our website and services. By accessing or using ehchadservices.com, you agree to be bound by these Terms. If you disagree with any part of the Terms, then you may not access the website.</p>
<h3>1. Acceptance of Terms</h3>
<p>By accessing this website, you acknowledge that you have read, understood, and agree to be bound by these Terms of Service. If you do not agree to these Terms, please do not use this website.</p>
<h3>2. Description of Services</h3>
<p>ehchadservices.com provides software and programs for gamers and content creators, etc. We reserve the right to modify or discontinue any of our services at any time without prior notice.</p>
<h3>3. User Responsibilities</h3>
<p>You are responsible for your use of the website and for any content you post. You agree to use the website in a manner consistent with all applicable laws and regulations.</p>
{/* Add more sections as needed */}
<h3>4. Intellectual Property</h3>
<p>The content on ehchadservices.com, including text, graphics, logos, images, and software, is the property of ehchadservices.com and is protected by copyright and other intellectual property laws.</p>
<h3>5. Disclaimer</h3>
<p>ehchadservices.com is provided "as is" without any warranties, express or implied. We do not warrant that the website will be uninterrupted or error-free.</p>
<h3>6. Limitation of Liability</h3>
<p>In no event shall ehchadservices.com be liable for any damages arising out of or in connection with your use of the website.</p>
<h3>7. Governing Law</h3>
<p>These Terms shall be governed by and construed in accordance with the laws of Michigan.</p>
<h3>8. Changes to Terms</h3>
<p>We may update these Terms from time to time. We will post any changes on this page. Your continued use of the website following the posting of revised Terms means that you accept and agree to the changes.</p>
<h3>9. Contact Us</h3>
<p>If you have any questions about these Terms, please contact us at ehchadservices@gmail.com.</p>
</div>
);
}
export default TermsOfService;

11
src/styles/Footer.css
View File

@@ -20,4 +20,15 @@
.footer p { .footer p {
color: rgb(0, 255, 13); color: rgb(0, 255, 13);
}
.importantInfo a {
text-decoration: none;
color: white;
font-size: 16px;
}
.importantInfo a:hover {
color: red;
text-decoration: underline;
} }

25
src/styles/Home.css
View File

@@ -1,6 +1,6 @@
.home { .home {
width: 100svw; width: 100svw;
height: 90vh; height: 100vh;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: left; align-items: left;
@@ -64,10 +64,11 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.headerContainer h1,
.headerContainer h1,
.headerContainer p { .headerContainer p {
display: flex; display: flex;
} }
.headerContainer { .headerContainer {
margin-left: 0px; margin-left: 0px;
@@ -106,28 +107,29 @@
} }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
.headerContainer, .headerContainer,
.headerContainer h1, .headerContainer h1,
.headerContainer p { .headerContainer p {
justify-content: center; justify-content: center;
display: flex; display: flex;
} }
} }
@media only screen and (max-width: 1030px) { @media only screen and (max-width: 1030px) {}
}
@media only screen and (max-width: 920px),(max-height: 630px) { @media only screen and (max-width: 920px),
(max-height: 630px) {
.home { .home {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.headerContainer h1,
.headerContainer h1,
.headerContainer p { .headerContainer p {
display: flex; display: flex;
} }
.headerContainer { .headerContainer {
margin-left: 0px; margin-left: 0px;
@@ -163,6 +165,5 @@
background-color: red; background-color: red;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
}
}

2
src/styles/Socials.css
View File

@@ -1,7 +1,7 @@
.social { .social {
background-color: gray; background-color: gray;
width: 100%; width: 100%;
height: 90svh; height: 100svh;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

20
src/styles/TermsOfService.css Normal file
View File

@@ -0,0 +1,20 @@
.terms-container {
max-width: 800px;
/* Adjust as needed */
margin: 0 auto;
padding: 20px;
font-family: sans-serif;
}
.terms-container h2 {
text-align: center;
margin-bottom: 20px;
}
.terms-container h3 {
margin-top: 30px;
}
.terms-container p {
line-height: 1.6;
}