Skip to content

Commit

Permalink
added
Browse files Browse the repository at this point in the history
  • Loading branch information
vedant-jain03 committed Jun 30, 2021
1 parent 8e56fd7 commit bf4b190
Show file tree
Hide file tree
Showing 44 changed files with 24,945 additions and 174 deletions.
20,770 changes: 20,740 additions & 30 deletions package-lock.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
"react-items-carousel": "^2.8.0",
"react-router-dom": "^5.2.0",
"react-scripts": "^4.0.3",
"react-to-print": "^2.12.6",
"web-vitals": "^1.1.1"
},
"scripts": {
Expand Down
51 changes: 30 additions & 21 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -1,21 +1,28 @@
<!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"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--

<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" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
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/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@300&display=swap" rel="stylesheet">

<!--
Notice the use of %PUBLIC_URL% in the tags above.
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.
Expand All @@ -24,12 +31,13 @@
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`.
-->
<title>HashHub</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
<title>HashHub</title>
</head>

<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
Expand All @@ -39,5 +47,6 @@
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
</body>

</html>
65 changes: 35 additions & 30 deletions src/App.js
Original file line number Diff line number Diff line change
@@ -1,40 +1,45 @@
import './App.css';
import Homepage from "./Components/Homepage/Homepage";
import {HashRouter as Router,Route,Link,Switch} from 'react-router-dom';
import Explore from "./Components/Explore/Explore"
import Opensource from "./Components/Fields/Open-source/Opensource"
<<<<<<< HEAD
import Dsa from "./Components/Fields/DSA/Dsa"
import React, { lazy, Suspense } from "react";
import { HashRouter as Router, Route, Link, Switch } from 'react-router-dom';

// import Dsa from "./Components/Fields/DSA/Dsa"
import Preloader from "./Components/Preloader/Preloader"

=======
import WebDev from "./Components/Fields/web-dev/WebDev"
import Ai from "./Components/Fields/AI/Ai"
import Machinelearning from "./Components/Fields/ml/Machinelearning"
>>>>>>> 9056931a7c4c98e6a90401cdcbf24397e3b17e32

const Homepage = lazy(() => import("./Components/Homepage/Homepage"));
const Explore = lazy(() => import("./Components/Explore/Explore"));
const Opensource = lazy(() => import("./Components/Fields/Open-source/Opensource"));
const WebDev = lazy(() => import("./Components/Fields/web-dev/WebDev"));
const Ai = lazy(() => import("./Components/Fields/AI/Ai"));
const Machinelearning = lazy(() => import("./Components/Fields/ml/Machinelearning"));
const Profile_Readme=lazy(()=>import("./Components/Tools/Github_Profile_Readme_Generator/Inputfield"))
const Certificate_Generator=lazy(()=>import("./Components/Tools/Certificate Generator/Component/Homepage"))
const smart_pdf=lazy(()=>import("./Components/Tools/Smart Pdf/component/Homepage"))
const markdown_gen=lazy(()=>import("./Components/Tools/Github Markdown Generator/Homepage"))
const resume_maker=lazy(()=>import("./Components/Tools/Resume Maker/Homepage"))
function App() {
return (
<>
<Router>
<Switch>
<Route exact path='/' component={Homepage} />
<Route exact path='/#/' component={Homepage} />
<Route exact path='/Homepage' component={Homepage} />
<Route exact path='/Explore' component={Explore} />
<Route exact path='/Opensource' component={Opensource} />
<<<<<<< HEAD
<Route exact path='/Dsa' component={Dsa} />

=======
<Route exact path='/WebDev' component={WebDev} />
<Route exact path='/ai' component={Ai} />
<Route exact path='/ml' component={Machinelearning} />
>>>>>>> 9056931a7c4c98e6a90401cdcbf24397e3b17e32
</Switch>
</Router>
<Suspense fallback={<Preloader />}>
<Router>
<Switch>
<Route exact path='/' component={Homepage} />
<Route exact path='/#/' component={Homepage} />
<Route exact path='/Homepage' component={Homepage} />
<Route exact path='/Explore' component={Explore} />
<Route exact path='/Opensource' component={Opensource} />
<Route exact path='/WebDev' component={WebDev} />
<Route exact path='/ai' component={Ai} />
<Route exact path='/ml' component={Machinelearning} />
<Route exact path='/github_profile_readme' component={Profile_Readme} />
<Route exact path='/certificate_generator' component={Certificate_Generator} />
<Route exact path='/Smart_pdf' component={smart_pdf} />
<Route exact path='/markdown_generator' component={markdown_gen} />
<Route exact path='/resume_maker' component={resume_maker} />
</Switch>
</Router>
</Suspense>
</>
);
}

export default App;
export default App;
39 changes: 22 additions & 17 deletions src/Components/Explore/Explore.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ const Explore = () => {
<div className="field-section tool-section" >
<div className="content" data-aos="fade-right">
<h1>Tools</h1>
<p>We have awesome tools which students should know</p>
<p>We have provided tools for students to make thier profile and work more Professional. Just Have a look!</p>
</div>
<div className="field-container cardcontainermain">

Expand All @@ -58,29 +58,36 @@ const Explore = () => {
<div className="card-content">
<h2 className="card-title">Resume Maker</h2>
<p className="card-body">Resume Maker is tool where you can generate your resume for free. It has functionality like dynamic preview, color themes, responsive ,etc.</p>
<a href="https://vedant-jain03.github.io/Resume-Maker/" className="button">Use Tool</a>
<Link to="/resume_maker" className="button">Learn More</Link>
</div>
</div>
<div className="card">
<div className="card-content">
<h2 className="card-title">Smart PDF</h2>
<p className="card-body">Smart Pdf is a Project made using React. You can use this project to create your pdf very easily. It have varios features Just Use it!!!.</p>
<Link to="/Smart_pdf" className="button">Learn More</Link>
</div>
</div>

<div className="card">
<div className="card-content">
<h2 className="card-title">Repository Readme.md Generator</h2>
<p className="card-body">This is Repository Readme.md Generator Which you can use to create your repostory readme which represent your repo more interesting..</p>
<a href="https://vedant-jain03.github.io/Repo-Readme-Md-Generator/" className="button">Use Tool</a>
<Link to="/markdown_generator" className="button">Learn More</Link>
</div>
</div>
<div className="card">
<div className="card-content">
<h2 className="card-title">Github Profile Readme Generator</h2>
<p className="card-body">This is Profile Readme Generator Which you can use to create your github profile readme.It has so many section which will make your profile cooler then ever.</p>
<a href="https://vedant-jain03.github.io/Github-Profile-Readme-Generator/" className="button">Use Tool</a>
<Link to="/github_profile_readme" className="button">Learn More</Link>
</div>
</div>
<div className="card">
<div className="card-content">
<h2 className="card-title">Certificate Generator</h2>
<p className="card-body">This is Certificate Generator which you can use to make e-certificate and download as a pdf and then you can distribute the certificates to the students.</p>
<a href="https://vedant-jain03.github.io/certificate-generator/" className="button">Use Tool</a>
<Link to="/certificate_generator" className="button">Learn More</Link>
</div>
</div>
<div className="card">
Expand All @@ -98,7 +105,7 @@ const Explore = () => {
<div className="field-section">
<div className="content">
<h1 data-aos="fade-right">Fields</h1>
<p data-aos="fade-right">Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae, libero!</p>
<p data-aos="fade-right">This section will provide you with Respective Field's Roadmaps,Resources and Many informative Things. Just Check it Out!!</p>
</div>
<div style={{ padding: `0 ${chevronWidth}px` , marginTop: '1rem',}} className="cardcontainermain" >

Expand All @@ -122,7 +129,7 @@ const Explore = () => {
<Link to="/Opensource" className="button">Learn More</Link>
</div>
</div>
<div className="card">
{/* <div className="card">
<div className="card-content">
<h2 className="card-title">Web Development</h2>
Expand All @@ -131,8 +138,8 @@ const Explore = () => {
alert('Work In Progress!');
}}>Learn More</a>
</div>
</div>
<div className="card">
</div> */}
{/* <div className="card">
<div className="card-content">
<h2 className="card-title">App Development</h2>
Expand All @@ -141,7 +148,7 @@ const Explore = () => {
alert('Work In Progress!');
}}>Learn More</a>
</div>
</div>
</div> */}
<div className="card">
<div className="card-content">

Expand All @@ -158,7 +165,7 @@ const Explore = () => {
<Link to="/Ai" className="button">Learn More</Link>
</div>
</div>
<div className="card">
{/* <div className="card">
<div className="card-content">
<h2 className="card-title">Competitive Programming</h2>
Expand All @@ -167,16 +174,14 @@ const Explore = () => {
alert('Work In Progress!');
}}>Learn More</a>
</div>
</div>
<div className="card">
</div> */}
{/* <div className="card">
<div className="card-content">
<h2 className="card-title">Data Structures and Algorithms</h2>
<p className="card-body">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eaque nulla ipsam ex! Tempora totam, non quos tempore facere ullam neque.</p>
<a href="#" className="button" onClick={() => {
alert('Work In Progress!');
}}>Learn More</a>
<Link to="/Dsa" className="button">Learn More</Link>
</div>
</div>
</div> */}
</ItemsCarousel>
{/* </div> */}
</div>
Expand Down
Loading

0 comments on commit bf4b190

Please sign in to comment.