Skip to content

JSON events data upgrade #10

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

JSON events data upgrade #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
712e4b8
Hackathon events data is now stored in data/eventsData
scottfully May 9, 2025
b33b0a5
Startup events data is now stored in data/eventsData.js
scottfully May 9, 2025
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
72 changes: 11 additions & 61 deletions src/app/PastEvents/page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
import Image from "next/image"
import Header from "@/app/components/Header"
import Footer from "@/app/components/Footer"
import Newsletter from "@/app/components/Newsletter"

import EventListingsGrid from "@/app/components/EventListingsGrid"
import { getPastHackathonEvents } from "@/app/data/eventsData";


export default function EventListing() {
export default function PastHackathonEvents() {
return (

<div className="bg-[url('/bg1.png')] bg-cover min-h-screen text-white">

< Header />



{/* Event Listings */}
<div className="max-w-6xl mx-auto px-6 relative py-14 min-h-screen mt-16 pt-32">

<Image src="/dinosaur.svg" width={70} height={70} alt="dino" className="absolute top-16 left-12 sm:left-36 " />
Expand All @@ -33,69 +33,19 @@ export default function EventListing() {
</a>
</div>


{/* Listings Grid */}

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mx-auto max-w-4xl ">
<EventListingsGrid events={getPastHackathonEvents()} />
</div>

</div>


{/* Listing 1 */}

<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/listing1.webp" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">CISSA x GMC 2025 Game Jam</h3>
<p className="text-gray-400 text-sm">Fri, Mar 7, 6:00 PM</p>
<p className="text-gray-400 text-sm">Arts West Building (Building 148)</p>
</div>


</div>





{/* Listing 2 */}

<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/listing2.png" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">UNIHACK 2025
‎ ‎
</h3>
<p className="text-gray-400 text-sm">Fri, Mar 14, 18:00 PM</p>
<p className="text-gray-400 text-sm">Monash University Clayton Campus</p>
</div>


</div>




{/* Listing 3 */}
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/medhack.png" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">MedHack: AI Hospital</h3>
<p className="text-gray-400 text-sm">Sat, Feb 15, 14:00 PM</p>
<p className="text-gray-400 text-sm">Woodside Building for Technology and Design</p>
</div>


</div>

<div id="newsletter">
<Newsletter />
</div>


</div>
</div>
<Footer />

< Footer />
</div>
)
}
185 changes: 5 additions & 180 deletions src/app/StartupEvents/page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,9 @@ import Image from "next/image"
import Header from "@/app/components/Header"
import Footer from "@/app/components/Footer"

import { getUpcomingStartupEvents } from "@/app/data/eventsData"
import EventListingsGrid from "@/app/components/EventListingsGrid"



export default function StartupEvents() {
Expand Down Expand Up @@ -36,188 +39,10 @@ export default function StartupEvents() {
</div>

{/* Listings Grid */}

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mx-auto max-w-4xl ">




{/* Listing 1 */}
<a href="/StartupListing1" target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/breakfast.avif" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">
Founder Breakfast Club
</h3>

<p className="text-gray-400 text-sm">
Tue, Apr 22, 9:00 AM

</p>

<p className="text-gray-400 text-sm">
Studley Park Boathouse,
Kew, Victoria

</p>
</div>

</div>
</a>



{/* Listing 2 */}
<a href="/StartupListing2" target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/howtoraise.webp" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">
How to Raise your First Million

</h3>

<p className="text-gray-400 text-sm">
Tue, Apr 29, 6:00 PM

</p>

<p className="text-gray-400 text-sm">
Level: B1 UniMelb Glyn Davis Building

</p>
</div>

</div>
</a>


{/* Listing 3 */}
<a href="/StartupListing3" target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/next.avif" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">
NEXT [Founder Day]: From Front Door To Funded





</h3>
<p className="text-gray-400 text-sm">Wed, Apr 30, 1:00 PM

</p>
<p className="text-gray-400 text-sm">Cremorne Digital Hub

</p>
</div>


</div>
</a>


{/* Listing 4 */}
<a href="/StartupListing4" target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/BC_may.avif" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">StartSpace x Build Club & MLAI Co-working

</h3>
<p className="text-gray-400 text-sm">Sat, May 3, 10:00 AM

</p>
<p className="text-gray-400 text-sm">State Library Victoria

</p>
</div>


</div>
</a>




{/* Listing 5 */}
<a href="/StartupListing5" target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/pitchnight.avif" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">
Startmate Pitch Night (Melbourne) </h3>

<p className="text-gray-400 text-sm">
Thu, May 8, 5:30 PM

</p>

<p className="text-gray-400 text-sm">
Tank Stream Labs Melbourne, Collins Street
</p>
</div>

</div>
</a>

{/* Listing 6 */}
<a href="/StartupListing6" target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/startspace.jpg" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">StartSpace Flip The Pitch

</h3>
<p className="text-gray-400 text-sm">Tues, May 13, 4:30 PM

</p>
<p className="text-gray-400 text-sm">Conversation Quarter, State Library Victoria

</p>
</div>


</div>
</a>





{/* Listing 7 */}
<a href="/StartupListing7" target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src="/uber.avif" width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />

<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">UoM to Uber to Unicorn w/ Rob Skillington

</h3>
<p className="text-gray-400 text-sm">Tues, May 13, 5:30 PM

</p>
<p className="text-gray-400 text-sm">Melbourne Connect, Parkville VIC

</p>
</div>


</div>
</a>





<EventListingsGrid events={getUpcomingStartupEvents()} />

</div>
</div>
Expand Down
27 changes: 27 additions & 0 deletions src/app/components/EventListingCard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import Image from "next/image"
import { humanReadableDate } from "@/app/utils/dateUtils";
import { EVENTS_BASE_PATH } from "@/app/constants/routes"

export default function EventListingCard({ event }) {

return (
<a href={`${EVENTS_BASE_PATH}${event.link}`} key={event.link} target="_blank" rel="noopener noreferrer">
<div className="relative border-2 rounded-xl items-center overflow-hidden hover:scale-105 transition transform duration-200 ease-in-out">
<Image src={event.image} width={400} height={400} className="w-full h-[275px] object-cover rounded-lg" alt="Event Image" />
<div className=" p-5 ">
<h3 className="mb-1 text-lg font-bold">{event.title} ‎ ‎
</h3>
<p className="text-gray-400 text-sm">
{humanReadableDate(event.startDate)}
{event.endDate && ` - ${humanReadableDate(event.endDate)}`}
</p>
<p className="text-gray-400 text-sm">{event.location}

</p>
</div>


</div>
</a>
)
}
Loading