Skip to content

added homepage #34

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
GAGANRAGHAV wants to merge 9 commits into
base: main
Choose a base branch
from
Open

added homepage #34

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
9c5946c
Update Home.module.css
GAGANRAGHAV Dec 21, 2023
8cf12f8
Merge branch 'WebSorcery:main' into main
GAGANRAGHAV Dec 22, 2023
ed1b09f
added homepage
GAGANRAGHAV Dec 22, 2023
d803123
added homepage
GAGANRAGHAV Dec 22, 2023
94df107
Delete package-lock.json
GAGANRAGHAV Dec 22, 2023
ef14acf
made suggested changes
GAGANRAGHAV Dec 22, 2023
c13690b
Merge branch 'main' of https://github.com/GAGANRAGHAV/testcase-generator
GAGANRAGHAV Dec 22, 2023
3c252fe
changes
GAGANRAGHAV Dec 22, 2023
ac1c93c
changes2
GAGANRAGHAV Dec 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,5 +37,10 @@
"uuid": "^9.0.0",
"vis-data": "^7.1.6",
"vis-network": "^9.1.6"
},
"devDependencies": {
"autoprefixer": "^10.4.16",
"postcss": "^8.4.32",
"tailwindcss": "^3.4.0"
}
}
164 changes: 164 additions & 0 deletions pages/Center.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
import React from "react";
import { Inter } from "next/font/google";
import styles from "@/styles/Home.module.css";
const inter = Inter({ subsets: ["latin"] });

const Center = () => {
return (
<div className={inter.className}>
<div className={styles.testca}>
<div className={styles.data}>
<div className={styles.details1}>
<p>An Open Source Comprehensive Test Case Generator</p>
</div>

<div className={styles.author}>
<a
href="https://www.linkedin.com/in/ank1traj/"
target="_blank"
rel="noopener noreferrer"
>
By Ankit Raj
</a>
</div>
</div>

<div className={styles.imag}>
<div className="relative rounded-lg bg-slate-900 p-2 ">
<div className="relative flex text-center">
<div className="flex pl-3.5 pt-3">
<svg
viewBox="0 0 24 24"
fill="currentColor"
className="-ml-0.5 mr-1.5 h-3 w-3 text-red-500/20"
>
<circle r="12" cy="12" cx="12"></circle>
</svg>
<svg
viewBox="0 0 24 24"
fill="currentColor"
className="-ml-0.75 mr-1.5 h-3 w-3 text-yellow-500/20"
>
<circle r="12" cy="12" cx="12"></circle>
</svg>
<svg
viewBox="0 0 24 24"
fill="currentColor"
className="-ml-0.75 mr-1.5 h-3 w-3 text-green-500/20"
>
<circle r="12" cy="12" cx="12"></circle>
</svg>
</div>
<span className="absolute inset-x-0 top-2 text text-slate-500"></span>
</div>
<div className="mt-5 space-y-1.5 px-5 pb-10">
<p className="mt-4 font-mono text font-normal tracking-wide text-violet-400">
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Card</span>
<span className="text-slate-500">&gt;</span>
</p>
<p className="ml-3 font-mono text font-normal tracking-wide text-violet-400">
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Text</span>
<span className="text-slate-500">&gt;</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">
Testcase case generator
</span>
</span>
<span className="text-slate-500">&lt;/</span>
<span className="text-pink-400">Text</span>
<span className="text-slate-500">&gt;</span>
</p>
<p className="ml-3 font-mono text font-normal leading-4 tracking-wide text-violet-400">
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Event</span>
<span className="text-slate-500">&gt;</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">Codepeak 2023</span>
</span>
<span className="text-slate-500">&lt;/</span>
<span className="text-pink-400">Event</span>
<span className="text-slate-500">&gt;</span>
</p>
<p className="ml-3 font-mono text font-normal tracking-wide text-violet-400">
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Flex</span>
<span className="ml-2 text-violet-400">
className<span className="text-slate-500">=</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">Owner</span>
</span>
</span>
<span className="text-slate-500">&gt;</span>
<span className="relative text-blue-400">AnkitRaj</span>
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Flex</span>&gt;
</p>
<p className="ml-6 font-mono text font-normal tracking-wide text-violet-400">
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Text</span>
<span className="text-slate-500">&gt;</span>
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Bold</span>
<span className="text-slate-500">&gt;</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">32%</span>
</span>
<span className="text-slate-500">&lt;/</span>
<span className="text-pink-400">Bold</span>
<span className="text-slate-500">&gt;</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">Open Sourced</span>
</span>
<span className="text-slate-500">&lt;/</span>
<span className="text-pink-400">Text</span>
<span className="text-slate-500">&gt;</span>
</p>
<p className="ml-6 font-mono text font-normal tracking-wide text-violet-400">
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">Text</span>
<span className="text-slate-500">&gt;</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">$ 223,328</span>
</span>
<span className="text-slate-500">&lt;/</span>
<span className="text-pink-400">Text</span>
<span className="text-slate-500">&gt;</span>
</p>
<p className="ml-3 font-mono text font-normal tracking-wide text-violet-400">
<span className="text-slate-500">&lt;/</span>
<span className="text-pink-400">Flex</span>
<span className="text-slate-500">&gt;</span>
</p>
<p className="ml-3 font-mono text font-normal leading-4 tracking-wide text-violet-400">
<span className="text-slate-500">&lt;</span>
<span className="text-pink-400">ProgressBar</span>
<span className="ml-2 text-violet-400">
value<span className="text-slate-500">=</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">{32}</span>
</span>
</span>
<span className="ml-2 text-violet-400">
className<span className="text-slate-500">=</span>
<span className="relative inline-block px-1 before:absolute before:-inset-0.5 before:block before:rounded before:bg-blue-500/10">
<span className="relative text-blue-400">mt-3</span>
</span>
</span>
<span className="text-slate-500">/&gt;</span>
</p>
<p className="font-mono text font-normal tracking-wide text-violet-400">
<span className="text-slate-500">&lt;/</span>
<span className="text-pink-400">Card</span>
<span className="text-slate-500">&gt;</span>
</p>
</div>
</div>
</div>
</div>
</div>
);
};

export default Center;
17 changes: 4 additions & 13 deletions pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { Inter } from "next/font/google";
import { Roboto } from "next/font/google";
import styles from "@/styles/Home.module.css";
import Link from "next/link";

import Center from "./Center";
import MenuIcon from "@mui/icons-material/Menu";
import CheckCircleIcon from "@mui/icons-material/CheckCircle";
import HourglassEmptyIcon from "@mui/icons-material/HourglassEmpty";
Expand Down Expand Up @@ -181,18 +181,9 @@ export default function Home() {
</Link>
</div>
</nav>
<div className={styles.description}>
<p>An Open Source Comprehensive Test Case Generator</p>
<div className={styles.author}>
<a
href="https://www.linkedin.com/in/ank1traj/"
target="_blank"
rel="noopener noreferrer"
>
By Ankit Raj
</a>
</div>
</div>
<Center/>


<div className={styles.center}>
<div className={styles.thirteen}>
<Image
Expand Down
6 changes: 6 additions & 0 deletions postcss.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
44 changes: 41 additions & 3 deletions styles/Home.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,47 @@
padding-top: 3rem;
min-height: 100vh;
}
.testca{

display: flex;
align-items: center;
justify-content: center;
margin: 50px;
margin-bottom: 300px;
padding: 50px 20px;
}
Comment on lines +11 to +19
Copy link

@coderabbitai coderabbitai bot Dec 23, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The .testca class has inconsistent vertical margins which may not be intentional. Consider using a consistent margin shorthand property.

-  margin: 50px;
-  margin-bottom: 300px;
+  margin: 50px 50px 300px;
Committable suggestion

❗ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation.

Suggested change
.testca{
display: flex;
align-items: center;
justify-content: center;
margin: 50px;
margin-bottom: 300px;
padding: 50px 20px;
}
.testca{
display: flex;
align-items: center;
justify-content: center;
margin: 50px 50px 300px;
padding: 50px 20px;
}


@media (max-width:700px) {

.testca{
display: flex;
flex-direction: column;
}

}
.data{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 50%;
font-size: 35px;

}

.author a{
font-size: 20px;
}
Comment on lines +39 to +41
Copy link

@coderabbitai coderabbitai bot Dec 23, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The .author a class only sets the font size. If this is the only style needed, it's fine. Otherwise, consider adding more styles or consolidating with other classes for better maintainability.

.imag{

max-width: 50%;
display: flex;
justify-content: center;


}
Comment on lines +42 to +49
Copy link

@coderabbitai coderabbitai bot Dec 23, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The .imag class has redundant display: flex; and justify-content: center; properties, which are already defined in the .testca class. Consider removing the redundancy if .imag is always used with .testca.

-  display: flex;
-  justify-content: center;
Committable suggestion

❗ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation.

Suggested change
.imag{
max-width: 50%;
display: flex;
justify-content: center;
}
.imag{
max-width: 50%;
}




.nav {
display: inherit;
Expand Down Expand Up @@ -191,22 +232,19 @@
width: 190px;
height: 150px;
border-radius: var(--border-radius);
background-image: linear-gradient(163deg, #00ff75 0%, #3700ff 100%);
margin-bottom: 10px;
}
.card2{
width: 200px;
height: 150px;
background-color: #1a1a1a;
padding: 1rem 1.2rem;

}
.card2:hover {
transform: scale(0.98);
border-radius: 20px;
}
.card:hover{
background-image: linear-gradient(163deg, #00ff75 0%, #3700ff 100%);
box-shadow: 0px 0px 30px 1px rgba(0, 255, 117, 0.30);
}
.card2 span {
Expand Down
5 changes: 5 additions & 0 deletions styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
@tailwind base;
@tailwind components;
@tailwind utilities;


:root {
--max-width: 1100px;
--border-radius: 12px;
Expand Down
16 changes: 16 additions & 0 deletions tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",

// Or if using `src` directory:
"./src/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {},
},
plugins: [],
}