abusayid693 / hackathon-website-template

A cool website template for your upcoming hackathon.

I'm Rehan, I'm a sophomore majoring in Computer Science

const rehan = {
  code: [Javascript, Typescript,(S)CSS, C/C++, SQL, Python, HTML],
  tools: [React, React_Native, Redux, NextJS, NodeJS, Express, GraphQL, MongoDB, Postgres, AWS ..],
  challenge: "Focusing on improving Problem solving skills through DSA"
}

Website · Hackathons · Email · GitHub · LinkedIn · Medium

hackathon-website-template's Issues

Check GitHub actions

Description

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

[Optional] Additional Context

---

Contributor Resources

The template website uses Gatsby, React, GitHub Pages and netlify CMS. Site content is found under the main branch.

• See contributing instructions

add new map

Description

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

[Optional] Additional Context

---

Contributor Resources

The template website uses Gatsby, React, GitHub Pages and netlify CMS. Site content is found under the main branch.

• See contributing instructions

Schedule section

Add a schedule section right below faqs

schedule is not connected to main page

Console error

Description

Console error
Expected Behavior

Console error
Screenshots

Environment:

• Host OS: Mac
• Browser: Safari

---

[Optional] Additional Context

---

Contributor Resources

The template website uses Gatsby, React, GitHub Pages and netlify CMS. Site content is found under the main branch.

• See contributing instructions

Padding in FAQ section

For mobile phone, need to fix margin for content in 5th and 8th question in FAQ section.

Redesigned footer section

Note : For all the changes make sure it matches with current theme

• Add twitter feed
• New social media icons with hover effect

Navbar responsiveness and other fixes

Convert whole website into a open source template so other hackathons can also use it

Add more themes

checking for features

Description

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

[Optional] Additional Context

---

Contributor Resources

The template website uses Gatsby, React, GitHub Pages and netlify CMS. Site content is found under the main branch.

• See contributing instructions

Redesign the footer

Need to redesign the footer section with a clean and responsive UI

add new map

Description

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

[Optional] Additional Context

---

Contributor Resources

The template website uses Gatsby, React, GitHub Pages and netlify CMS. Site content is found under the main branch.

• See contributing instructions

Add a illustrative map

Something like this but it should not be a static image rather show info when user hovers over it

Resources : https://codesandbox.io/s/iz9vb

Adding judges section before team in some new designs like flip card or anything interactive

Judges card must include image, name, short info and social media link

checking

Description

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

[Optional] Additional Context

---

Contributor Resources

The template website uses Gatsby, React, GitHub Pages and netlify CMS. Site content is found under the main branch.

• See contributing instructions

Organise Assets into separate folder

Migrate app from CRA to Gatsby

Add new Schedule section

New footer

Current Behavior

Desired Behavior

---

Screenshots / Mockups

Alternatives

---

Contributor Resources

The template website uses Gatsby, React, GitHub Pages and netlify CMS. Site content is found under the main branch.

• See contributing instructions

Implement dark and night theme

• Make a component that wraps entire application(use context API)
• organise all colours in global.css with class name
• use css property to toggle theme

Eg :

.black {
  color: black;
}

[data-theme = "dark"]  {
 .black {
   color: white;
 }
}

Add some fade in effect on scroll(no repeat) in few sections !not all

Need to fix for screen size below 370px

https://github.com/Limbo-Hacks/Hackathon-website-template/blob/e241b5ae1b33405a2edf6370656e2d5a9ca7ccb8/src/components/navbar/styles.scss#L78