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.

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 internship page [GSSoC'23]] #410

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 2 additions & 2 deletions components/Opportunities/oppCard.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ const OppCard = (props) => {
</div>
<div className={styles.cardInfo}>
<div className={styles.title}>
<h3>Title</h3>
<span>Date Added -</span>
<h3>{title}</h3>
<span>Date Added: {date}</span>
</div>
<Link href="#">
<a className={styles.link}>Apply Now</a>
Expand Down
29 changes: 29 additions & 0 deletions data/internshipData.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
let i = 0;
const internshipData = [
{
"id": i++,
"image": "",
"title": "Software Engineering",
"date": "12 August 2023",
Comment on lines +1 to +7
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

for starting card we can have these... but we have to fetch it live... could you please see if any api available. other wise we will populate data from the database.

"applyNow": "https://example.com/apply1",
"description": "This internship offers hands-on experience in software engineering, working on cutting-edge projects with a talented team. Apply now to gain valuable skills and contribute to innovative solutions."
},
{
"id": i++,
"image": "",
"title": "Marketing",
"date": "10 September 2023",
"applyNow": "https://example.com/apply2",
"description": "Join our marketing team and assist in creating engaging campaigns, analyzing market trends, and implementing strategies. Apply now to gain practical marketing experience and make a real impact."
},
{
"id": i++,
"image": "",
"title": "Graphic Design",
"date": "11 October 2023",
"applyNow": "https://example.com/apply3",
"description": "Work closely with our design team to create visually appealing graphics for various projects. Develop your design skills and contribute to exciting design initiatives. Apply now to showcase your creativity!"
}
];

export default internshipData;
29 changes: 14 additions & 15 deletions pages/opportunities/index.js
Original file line number Diff line number Diff line change
@@ -1,22 +1,31 @@
import Head from "next/head";
import Footer from "components/common/Footer";
import Header from "components/common/Header/Header";
import OppCard from "components/Opportunities/oppCard";
import styles from "@styles/oppCard.module.css";
import Link from "node_modules/next/link";
import GoToTop from "components/GoToTop";
import internshipData from "/data/internshipData";

const Index = (dataOpp) => {
const Index = () => {
return (
<div>
<GoToTop />
<Head>
<title>Internships | Amupedia</title>
<meta name="description" content="Check out our blog posts." />
</Head>
<Header
image={"/images/about/about_bg.svg"}
text={"Opportunities"}
></Header>

<article className={styles.mainBody}>
{
dataOpp.result.result.map((data,index)=>(
<Link href={`/opportunities/${index}`} key={index}>
<a href={`/opportuities/${index}`}>
<OppCard key={data.id} data={data} />
internshipData.map((data)=>(
<Link href={`/opportunities/${data.id}`} key={data.id}>
<a href={`/opportuities/${data.id}`}>
<OppCard title={data.title} date={data.date} image={data.image} />
</a>
</Link>
)
Expand All @@ -29,13 +38,3 @@ const Index = (dataOpp) => {
};

export default Index;

export const getServerSideProps = async () => {
const data = await fetch("http://localhost:3000/api/opportunities/fetchOpportunities");
const result = await data.json();
return {
props: {
result
}
}
}
Comment on lines -32 to -41
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why? please see the api...if there may be some problem