Skip to content
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

added some docs #23

Merged
merged 1 commit into from
Oct 2, 2024
Merged

added some docs #23

Show file tree
Hide file tree
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
6 changes: 3 additions & 3 deletions docusaurus.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,15 +94,15 @@ const config = {
items: [
{
label: "Stack Overflow",
href: "https://stackoverflow.com/questions/tagged/docusaurus",
href: "#",
},
{
label: "Discord",
href: "https://discordapp.com/invite/docusaurus",
href: "#",
},
{
label: "Twitter",
href: "https://twitter.com/docusaurus",
href: "#",
},
],
},
Expand Down
59 changes: 58 additions & 1 deletion package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 3 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,14 +22,16 @@
"@heroicons/react": "^2.1.5",
"@mdx-js/react": "^3.0.0",
"clsx": "^1.2.1",
"framer-motion": "^11.9.0",
"joi": "^17.13.3",
"mermaid": "^10.6.1",
"prism-react-renderer": "^2.1.0",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-icons": "^5.3.0",
"rehype-katex": "^7.0.1",
"remark-math": "^6.0.0"
"remark-math": "^6.0.0",
"swiper": "^11.1.14"
},
"devDependencies": {
"@docusaurus/module-type-aliases": "3.0.0",
Expand Down
56 changes: 43 additions & 13 deletions src/components/Homepage/CallToActionSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,54 @@
import React from "react";
import { motion } from "framer-motion";

const CallToActionSection: React.FC = () => {
return (
<section className="py-16 bg-gradient-to-r from-blue-500 to-blue-700 text-white text-center">
<div className="container mx-auto px-6">
<h2 className="text-3xl md:text-5xl font-bold mb-4">
<section className="py-16 bg-blue-600 dark:bg-blue-800">
<div className="max-w-7xl mx-auto px-6 text-center">
{/* Title */}
<motion.h2
className="text-3xl md:text-5xl font-bold text-white mb-4"
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }}
>
Ready to Master Algorithms?
</h2>
<p className="text-lg mb-8">
Join our community of learners and take your skills to the next level!
</p>
<a
href="#"
className="bg-white text-blue-700 font-semibold py-2 px-6 rounded-lg shadow-lg transition-transform transform hover:scale-105 duration-300"
</motion.h2>

{/* Subtitle */}
<motion.p
className="text-lg md:text-xl text-gray-200 mb-8"
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.7 }}
>
Get Started Now
</a>
Join our community and elevate your skills with comprehensive resources and support!
</motion.p>

{/* Call to Action Buttons */}
<div className="flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-6">
<motion.a
href="#"
className="px-8 py-4 text-lg font-medium text-blue-600 bg-white rounded-lg shadow-lg hover:bg-gray-100 transition duration-300 ease-in-out transform hover:scale-105"
initial={{ scale: 0.95 }}
animate={{ scale: 1 }}
transition={{ duration: 0.3 }}
>
Sign Up Now
</motion.a>
<motion.a
href="#"
className="px-8 py-4 text-lg font-medium text-white border-2 border-white rounded-lg transition duration-300 ease-in-out hover:bg-white hover:text-blue-600"
initial={{ scale: 0.95 }}
animate={{ scale: 1 }}
transition={{ duration: 0.3 }}
>
Explore Features
</motion.a>
</div>
</div>
</section>
);
};

export default CallToActionSection;
export default CallToActionSection;
124 changes: 36 additions & 88 deletions src/components/Homepage/ContributeSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,109 +1,57 @@
import React from "react";
import React from 'react';
import { FaGithub, FaCodeBranch, FaFileCode } from 'react-icons/fa';

const ContributeSection: React.FC = () => {
return (
<section className="py-16 bg-white dark:bg-gray-900">
<div className="container mx-auto px-6 text-center">
{/* Section Title */}
<h2 className="text-3xl md:text-5xl font-bold text-gray-900 dark:text-white mb-12">
Contribute to Algo
<section className="py-16 bg-gray-100 dark:bg-gray-900">
<div className="container mx-auto px-4 text-center">
<h2 className="text-3xl font-bold text-gray-800 dark:text-white mb-4">
Want to <span className="text-indigo-500 dark:text-yellow-400">Contribute?</span>
</h2>

{/* Contribution Pitch */}
<p className="text-lg md:text-xl text-gray-600 dark:text-gray-300 mb-8">
Join us in making algorithmic learning accessible for everyone. We
welcome contributions of all types—from bug fixes and feature
additions to creating new educational content. Every contribution
helps improve Algo and the learning experience for others.
<p className="text-lg text-gray-600 dark:text-gray-400 mb-12">
Join us in building an amazing open-source project. Whether you're a seasoned developer or a beginner, we welcome all contributions. Here's how you can get involved.
</p>

{/* Call to Action Button */}
<div className="flex justify-center">
<a
href="https://github.com/ajay-dhangar/algo"
target="_blank"
rel="noopener noreferrer"
className="bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 text-white py-3 px-6 rounded-lg text-lg transition duration-300"
>
Start Contributing
</a>
</div>

{/* Contribution Steps */}
<div className="mt-16 grid gap-10 md:grid-cols-2 lg:grid-cols-3">
{/* Step 1 */}
<div className="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-2xl transition-transform transform hover:scale-105 duration-300">
<h3 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Fork the Repository
</h3>
<p className="text-gray-600 dark:text-gray-300">
Start by forking the repository to your own GitHub account. This
allows you to make changes without affecting the original project.
</p>
</div>

{/* Step 2 */}
<div className="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-2xl transition-transform transform hover:scale-105 duration-300">
<h3 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Clone and Setup
</h3>
<p className="text-gray-600 dark:text-gray-300">
Clone the forked repo locally and install the necessary
dependencies using{" "}
<span className="font-mono bg-gray-200 dark:bg-gray-700 p-1 rounded">
npm install
</span>
. Make sure everything is set up for local development.
<div className="grid gap-10 md:grid-cols-3">
{/* Fork the Repository */}
<div className="bg-white dark:bg-gray-800 p-8 rounded-lg shadow-lg transition transform hover:scale-105 hover:shadow-xl">
<FaGithub className="text-4xl text-indigo-500 dark:text-yellow-400 mx-auto mb-4" />
<h3 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Fork the Repository</h3>
<p className="text-gray-600 dark:text-gray-400">
Start by forking the repository to your GitHub account. This will allow you to work on your own copy of the project.
</p>
</div>

{/* Step 3 */}
<div className="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-2xl transition-transform transform hover:scale-105 duration-300">
<h3 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Add Features or Fix Bugs
</h3>
<p className="text-gray-600 dark:text-gray-300">
Work on a new feature, fix bugs, or improve documentation. Follow
the project’s contribution guidelines to ensure a smooth process.
{/* Create a New Branch */}
<div className="bg-white dark:bg-gray-800 p-8 rounded-lg shadow-lg transition transform hover:scale-105 hover:shadow-xl">
<FaCodeBranch className="text-4xl text-indigo-500 dark:text-yellow-400 mx-auto mb-4" />
<h3 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Create a New Branch</h3>
<p className="text-gray-600 dark:text-gray-400">
Once forked, create a new branch for your feature or bug fix. This ensures that your changes can be reviewed independently.
</p>
</div>

{/* Step 4 */}
<div className="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-2xl transition-transform transform hover:scale-105 duration-300">
<h3 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Commit and Push
</h3>
<p className="text-gray-600 dark:text-gray-300">
After making your changes, commit your code with meaningful
messages. Push your changes to your forked repo.
</p>
</div>

{/* Step 5 */}
<div className="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-2xl transition-transform transform hover:scale-105 duration-300">
<h3 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Submit a Pull Request
</h3>
<p className="text-gray-600 dark:text-gray-300">
Open a pull request to the main repository. Make sure to explain
your changes thoroughly and link any related issues.
{/* Submit a Pull Request */}
<div className="bg-white dark:bg-gray-800 p-8 rounded-lg shadow-lg transition transform hover:scale-105 hover:shadow-xl">
<FaFileCode className="text-4xl text-indigo-500 dark:text-yellow-400 mx-auto mb-4" />
<h3 className="text-xl font-semibold text-gray-800 dark:text-white mb-4">Submit a Pull Request</h3>
<p className="text-gray-600 dark:text-gray-400">
After making your changes, submit a pull request. Our team will review your contribution and get back to you soon.
</p>
</div>
</div>

{/* Step 6 */}
<div className="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-2xl transition-transform transform hover:scale-105 duration-300">
<h3 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Collaborate and Review
</h3>
<p className="text-gray-600 dark:text-gray-300">
Discuss and collaborate with maintainers to get your pull request
reviewed. You may need to make some adjustments based on feedback.
</p>
</div>
<div className="mt-12">
<a
href="https://github.com/ajay-dhangar/algo"
className="inline-block px-8 py-4 bg-indigo-500 dark:bg-yellow-400 text-white dark:text-gray-900 rounded-full font-semibold transition hover:bg-indigo-600 dark:hover:bg-yellow-500"
>
Contribute on GitHub
</a>
</div>
</div>
</section>
);
};

export default ContributeSection;
export default ContributeSection;
Loading
Loading