"Update README Instructions for Local Development #238"

README.md

@@ -5,14 +5,14 @@ This repository contains the assets required to build the **AOSSIE's website**.
 
 Contributions to the project are very much welcomed! Please reach out with ideas for new content or issues with existing content!
 
-Th website is a **Next.js** project using **Tailwind** for styling and design.
+The website is a **Next.js** project using **Tailwind** for styling and design.
 
 # **Getting Started**
 
 To contribute to this repository you will need to:
 - **Fork this repository**
 - **Push changes to a new branch in your fork**
-- **Create a pull request from that branch to the master branch of this repository**
+- **Create a pull request from that branch to the Main branch of this repository**
 
 Forking only needs to be done once, after which you can push changes to your fork.
 
@@ -24,8 +24,9 @@ In order to run the site locally,
 - In the root directory, you can run the following commands:
 
 ```
-npm install
-npm run dev
+1. Install the necessary dependencies using npm install.
+2. Start the development server using npm run dev.
+
 ```
 
 The website will be active at **http://localhost:3000**.
@@ -37,7 +38,7 @@ You can contribute by:
 
 * Raising any issues you find
 * Fixing issues by opening Pull Requests
-* Improving website
+* Improving the website
 * Talking about AOSSIE
 
 

src/components/Banner.jsx

@@ -18,7 +18,7 @@ export function Banner() {
             </p>
             <div className="mt-5">
               <Link href="/apply" legacyBehavior>
-                <a className="group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-black px-8 py-3 text-black dark:text-white focus:outline-none font-mono font-semibold">
+                <a className="group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-black hover:bg-gray-200 px-8 py-3 text-black dark:text-white dark:hover:bg-gray-800 transition duration-300 ease-in-out transform hover:scale-105 focus:outline-none font-mono font-semibold">
                   Apply to GSoC with AOSSIE
                 </a>
               </Link>

src/components/Footer.jsx

@@ -30,7 +30,7 @@ export function Footer() {
                 <NavLink href="/apply">Apply</NavLink>
               </div>
               <p className="text-sm text-zinc-400 dark:text-zinc-500 font-mono">
-                &copy; 2016-2023 AOSSIE. All rights reserved.
+                &copy; 2016-2025 AOSSIE. All rights reserved.
               </p>
               <div className="flex gap-6">
                 <Link aria-label="Contact by Mail" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='mailto:[email protected]'>
@@ -45,7 +45,7 @@ export function Footer() {
                 <Link aria-label="Join on Discord" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://discord.com/invite/6mFZ2S846n'>
                   <FontAwesomeIcon icon={faDiscord} size='xl' />
                 </Link>
-                <Link aria-label="Follow on Twitter" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://twitter.com/aossie_org'>
+                <Link aria-label="Follow on X" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://x.com/aossie_org'>
                   <FontAwesomeIcon icon={faTwitter} size='xl' />
                 </Link>
               </div>

src/helper/projects.js

@@ -53,8 +53,8 @@ const projects = [
   {
     name: 'OpenChat',
     description:
-      'a decentralised platform for secure and private messaging and file sharing built on top of blockchain',
-    link: { href: '#', label: 'OpenChat' },
+      'A decentralised platform for secure and private messaging and file sharing built on top of blockchain',
+    link: { href: 'https://github.com/AOSSIE-Org/OpenPeerChat-flutter', label: 'OpenChat' },
     logo: DefaultLogo,
   },
   {

src/pages/apply.jsx

@@ -56,19 +56,20 @@ export default function About() {
           </ol>
 
           <div className="mt-20 relative block rounded-3xl dark:bg-white/70 bg-zinc-400/20 p-8 pb-16 shadow-xl">
-            <Image src={GSoC} width={700} className='mx-auto' />
+          <a href="https://summerofcode.withgoogle.com/get-started"> <Image src={GSoC} width={700} className='mx-auto'alt="GSOC Website" />
+           </a>
             {/* <h3 className="text-4xl font-bold">100+</h3> */}
             {/* <h1 className="mt-4 text-4xl font-mono font-black text-gray-500">
               2024 Program Timeline
             </h1> */}
             <div className='mt-10 flex justify-center gap-6 flex-col sm:flex-row'>
-              <Link className=" order-1 group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-zinc-800 px-8 py-3 text-black dark:text-white focus:outline-none" href="https://summerofcode.withgoogle.com/">
+              <Link className=" order-1 group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-zinc-800 hover:bg-gray-100 px-8 py-3 text-black dark:text-white dark:hover:bg-slate-900 focus:outline-none  " href="https://summerofcode.withgoogle.com/">
                 <span className="font-mono font-semibold text-center">
                   View 2024 Program Announcements
                 </span>
               </Link>
-              <Link className="order-2 group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-zinc-800 px-8 py-3 text-black dark:text-white focus:outline-none" href="https://summerofcode.withgoogle.com/programs/2024">
-                <span className="font-mono font-semibold text-center">
+              <Link className="order-2 group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-zinc-800  hover:bg-gray-100 px-8 py-3 text-black dark:text-white dark:hover:bg-slate-900 focus:outline-none " href="https://summerofcode.withgoogle.com/programs/2024">
+                <span className="font-mono font-semibold text-center ">
                   View 2024 Program Timeline
                 </span>
               </Link>

src/pages/ideas/index.jsx

@@ -48,7 +48,8 @@ export default function Ideas({ articles }) {
           </div>
           <div className="mt-16 text-center">
             <Link
-              className="group order-2 mx-auto items-center overflow-hidden rounded-lg bg-zinc-800 px-8 py-3 text-white focus:outline-none dark:bg-white dark:text-black"
+              className="group order-2 mx-auto items-center overflow-hidden rounded-lg bg-zinc-800 px-8 py-3 text-white focus:outline-none dark:bg-white dark:text-black  hover:bg-green-800
+              dark:hover:bg-yellow-500"
               href="/ideas/2023"
             >
               <span className="text-center font-mono font-semibold">

src/pages/index.jsx

@@ -80,9 +80,9 @@ export default function Home() {
                   <FontAwesomeIcon icon={faDiscord} size="2xl" />
                 </Link>
                 <Link
-                  aria-label="Follow on Twitter"
+                  aria-label="Follow on X"
                   className=" text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
-                  href="https://twitter.com/aossie_org"
+                  href="https://x.com/aossie_org"
                 >
                   <FontAwesomeIcon icon={faTwitter} size="2xl" />
                 </Link>

src/pages/projects.jsx

@@ -37,7 +37,7 @@ export default function Projects() {
           {/* <h1 className="text-4xl font-mono font-extrabold tracking-tighter text-zinc-800 dark:text-zinc-100">
             Active Projects
           </h1> */}
-          <SectionHeading>Active Projects</SectionHeading>
+          <SectionHeading className="dark:hover:bg-yellow-500 dark:hover:text-white hover:bg-green-700 hover:text-white">Active Projects</SectionHeading>
           <p className='text-zinc-600 dark:text-zinc-400 text-lg font-mono leading-7 mt-3'>The following projects are currently actively maintained and mentors are available!</p>
           <ul role="list" className="grid grid-cols-1 gap-x-12 gap-y-16 sm:grid-cols-2 lg:grid-cols-3 mt-12 mb-16">
             {projects.map((project) => (