Skip to content

Update QuickStart.js #571

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
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update QuickStart.js #571

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
42 changes: 9 additions & 33 deletions src/components/QuickStart.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export const QuickStart = () => {
Welcome to Keploy Documentation! 🚀
</h1>
<p className="text-l max-w-3xl">
This documentation will help you get the most out of Keploy—whether
This documentation will help you get the most out of Keploy - whether
you’re building your first project or leveling up your testing workflow.
</p>

Expand All @@ -19,41 +19,17 @@ export const QuickStart = () => {
<p className="text-l max-w-4xl">
Keploy is your open-source, developer-centric backend testing tool. It
makes backend testing easy and productive for engineering teams. Plus,
it's easy-to-use, powerful and extensible..🛠️ Keploy also has AI-powered
tools that help you generate unit and api tests quickly, helping
it's easy-to-use, powerful, and extensible. 🛠️ Keploy also has AI-powered
tools that help you generate unit and API tests quickly, helping
developers focus on writing code rather than writing tests.
</p>

<p className="text-l mt-4 max-w-4xl">
Keploy creates test cases and data mocks/stubs from user-traffic by
Keploy creates test cases and data mocks/stubs from user traffic by
recording API calls and DB queries, significantly speeding up releases
and enhancing reliability. 📈
</p>

{/*<h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl">*/}
{/* Contribute through Hacktoberfest ✅*/}
{/*</h2>*/}
{/*<p className="text-l mb-8 mt-4 max-w-4xl">*/}
{/* DigitalOcean's Hacktoberfest is a month-long celebration of open-source*/}
{/* contributions. Everyone is welcome to participate, regardless of their*/}
{/* experience level. Simply make a pull request to an open-source project*/}
{/* to get started.*/}
{/* <br /> <br />*/}
{/* You can contribute to{" "}*/}
{/* <a href="https://github.com/orgs/keploy/repositories">*/}
{/* several Keploy projects*/}
{/* </a>{" "}*/}
{/* participating this year, If you’ve ever wanted to contribute to open*/}
{/* source , now is your chance!*/}
{/* <br /> <br />*/}
{/* Anyone around the globe who desires to help drive the growth of open*/}
{/* source and make positive contributions to an ever-growing community. All*/}
{/* backgrounds and skill levels are encouraged to participate.{" "}*/}
{/* <a href="https://opensource.guide/how-to-contribute">*/}
{/* Learn How to Contribute?*/}
{/* </a>*/}
{/*</p>*/}

<h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl">
Installation Guide 📗
</h2>
Expand All @@ -64,7 +40,7 @@ export const QuickStart = () => {

<div className="grid grid-cols-1 gap-6 md:grid-cols-3 lg:gap-8">
<Link
className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
className="transform hover:scale-105 transition-transform flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
to={useBaseUrl("/server/installation/")}
>
<img
Expand All @@ -75,7 +51,7 @@ export const QuickStart = () => {
<p className="text-lg font-semibold">Windows</p>
</Link>
<Link
className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
className="transform hover:scale-105 transition-transform flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
to={useBaseUrl("/server/installation/")}
>
<img
Expand All @@ -86,18 +62,18 @@ export const QuickStart = () => {
<p className="text-lg font-semibold">Linux</p>
</Link>
<Link
className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
className="transform hover:scale-105 transition-transform flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
to={useBaseUrl("/server/installation/")}
>
<img
className="h-16 w-16"
src="/docs/img/os/apple-logo.svg"
alt="Mac logo"
/>
<p className="text-lg font-semibold">MacOS</p>
<p className="text-lg font-semibold">macOS</p>
</Link>
</div>
<p className=" text-l mt-6 text-gray-500">
<p className="text-l mt-6 text-gray-500">
⚠️ Please note that Keploy v2 is currently in development, with the best
experience on Linux. Docker support is experimental and may have some
limitations for certain use cases.
Expand Down