Feature/update monthly challenge page to Hacktoberfest (#994)

* Add October 2023 challenge page * Update getChallenges.ts * Set current true to Hacktoberfest challenge * Remove set current true from Preptember challenge * Add blog posts to Hacktoberfest and Preptember challenges * Add challenge is complete alert to Preptember challenge page * Minor wordings fix in oct-2023.jsx * Update index.tsx * Prettified Code! --------- Co-authored-by: Dan Ott <[email protected]> Co-authored-by: danieltott <[email protected]>
Virtual-Coffee · Oct 2, 2023 · b4b8d9f · b4b8d9f
1 parent ad8f69c
commit b4b8d9f
Show file tree

Hide file tree

Showing 4 changed files with 534 additions and 14 deletions.
diff --git a/app/data/monthlyChallenges/getChallenges.ts b/app/data/monthlyChallenges/getChallenges.ts
@@ -1,3 +1,4 @@
+import { handle as oct2023 } from '~/routes/__frontend/monthlychallenges/oct-2023';
 import { handle as sept2023 } from '~/routes/__frontend/monthlychallenges/sept-2023';
 import { handle as feb2023 } from '~/routes/__frontend/monthlychallenges/feb-2023';
 import { handle as jan2023 } from '~/routes/__frontend/monthlychallenges/jan-2023';
@@ -30,6 +31,7 @@ import { handle as dec2020 } from '~/routes/__frontend/monthlychallenges/dec-202
 import { handle as nov2020 } from '~/routes/__frontend/monthlychallenges/nov-2020';
 
 const challenges: Challenge[] = [
+	{ handleData: oct2023, slug: 'oct-2023' },
 	{ handleData: sept2023, slug: 'sept-2023' },
 	{ handleData: feb2023, slug: 'feb-2023' },
 	{ handleData: jan2023, slug: 'jan-2023' },

diff --git a/app/routes/__frontend/monthlychallenges/index.tsx b/app/routes/__frontend/monthlychallenges/index.tsx
@@ -136,17 +136,39 @@ const challengeList: Challenge[] = [
 		],
 	},
 	{
+		current: true,
 		title: 'Hacktoberfest',
 		subtitle: `Participate in open source, learn, and have fun!`,
 		description: (
-			<p>
-				This challenge is always run during October and was our first-ever
-				monthly challenge. We have three tracks: maintainers will provide issues
-				labeled for Hacktoberfest, contributors will solve issues, and mentors
-				will help contributors and maintainers be successful.
-			</p>
+			<>
+				<p>
+					This challenge is always run during October and was our first-ever
+					monthly challenge. We have three tracks: maintainers will provide
+					issues labeled for Hacktoberfest, contributors will solve issues, and
+					mentors will help contributors and maintainers be successful.
+				</p>
+				<p>
+					Learn more about this challenge in{' '}
+					<a href="https://dev.to/virtualcoffee/hacktoberfest-2023-lets-make-positive-impacts-learn-grow-together-in-open-source-52a1">
+						this blog post
+					</a>
+					.
+				</p>
+				<p>
+					To view all of the details, including a list of VC-approved
+					repositories to contribute to,{' '}
+					<Link to="/monthlychallenges/oct-2023">
+						check out the October monthly challenge page
+					</Link>
+					.
+				</p>
+			</>
 		),
 		links: [
+			{
+				href: '/monthlychallenges/oct-2023',
+				title: 'October, 2023',
+			},
 			{
 				href: '/monthlychallenges/oct-2022',
 				title: 'October, 2022',
@@ -158,17 +180,25 @@ const challengeList: Challenge[] = [
 		],
 	},
 	{
-		current: true,
 		title: 'Preptember',
 		subtitle: `Get your open source projects ready!`,
 		description: (
-			<p>
-				Maintainers will be reviewing their open source repos with our checklist
-				to make sure their projects are ready for Hacktoberfest contributions,
-				and our contributors will be looking at their favorite repos, evaluating
-				them based on the guide, and writing good issues as needed to fulfill
-				the criteria.
-			</p>
+			<>
+				<p>
+					Maintainers will be reviewing their open source repos with our
+					checklist to make sure their projects are ready for Hacktoberfest
+					contributions, and our contributors will be looking at their favorite
+					repos, evaluating them based on the guide, and writing good issues as
+					needed to fulfill the criteria.
+				</p>
+				<p>
+					Learn more about this challenge in{' '}
+					<a href="https://dev.to/virtualcoffee/join-virtual-coffee-in-the-preptember-2023-monthly-challenge-51d2">
+						this blog post
+					</a>
+					.
+				</p>
+			</>
 		),
 		links: [
 			{