dsc-jss-noida/hackhive

HackHive is a comprehensive collection of hackathons categorized by tech domains, languages, expertise, and much more. With a user-friendly interface, users can easily find hackathons tailored to their interests, whether they're seasoned developers looking for the next challenge or beginners eager to dive into the world of coding.

HackHive

HackHive is a comprehensive collection of hackathons categorized by tech domains, languages, expertise, and much more. With a user-friendly interface, users can easily find hackathons tailored to their interests, whether they're seasoned developers looking for the next challenge or beginners eager to dive into the world of coding.

What sets HackHive apart is its commitment to keeping users informed. The website scrapes hackathon details from various sources across the web, ensuring that users have access to the most comprehensive and up-to-date information available.

Figma Link for the design file : Figma
Deployed Link : Hack-Hive

Links

Technology Stack used:

• Frontend: HTML5, CSS, JavaScript, Tailwind

• Backend: Node.js, Express.js, Selenium

• IDE: VS Code

• Version Control: Git and GitHub

• Database: MongoDb

• Hosting: Render, Vercel

  
  

Our Contributors !! ✨

Thanks to these wonderful people: ✨

Get Started

Demo 🎥

Steps for Contributing

Frontend

• Fork and clone the Repo by typing the following commands in the terminal

$ git clone https://github.com/<your-github-username>/HackHive.git
$ cd HackHive

• Make Changes to code
  
• Push to your fork of the repository , navigate to original repository and make a pull request.

Backend

Note: You must have Nodejs installed

• Fork and clone the Repo by typing the following commands in the terminal

$ git clone https://github.com/DSC-JSS-NOIDA/HackHive.git
$ cd HackHive

• Make changes to the code(for ex- add an update route)
• Stage your changes using:

$ git add .

• Commit your changes using:

$ git commit -m "add any comment"

• Push the changes to the forked repository using:

$ git push

• Navigate to the original repository and make a pull request

Showing Your Remotes

$ git remote

$ git remote -v

Adding Remote Repositories

git remote add upstream https://github.com/DSC-JSS-NOIDA/HackHive.git

Pulling from Your Remote

$ git pull upstream main

Steps for Installation

Frontend

• Go inside frontend directory and install the required dependancies with following command :

npm install

• After that run the following command before starting to contribute to project :

npm run prepare

• Now start the project locally with command :

npm run dev

Design

The Prospective design of this project is here HackHive

Resources

• Git and Github: Git and Github for Beginners

• Frontend: Frontend development for Beginners

• Backend: Node.js for Beginners

Happy?? Star ⭐ this Repo. 🤩

Made By GDSC JSS NOIDA with ❤️

Need help? > Feel free to contact us @ [email protected]

Connect with us

License

Licensed under the MIT license.

hackhive's Issues

[feature]Card display for the hackathons

A good and seamless hackathon cards can be used to display the hackathons along with its feaures and it will not only look good and enhance ui ux as well as it will make thw website look professional. Kindly assign me for doing the same.

adding hover effect at top icons

I want to work on this issue, please assign me this to improve the features of the site.

I would like to work on this issue please assign me this under GSSOC'24.

NavBar Hackathon page redirection issue

The NavBar Hackathon is having redirection issue. Would like to fix that issue

Please assign this issue to me under GSSoC '24

Login form is not interactive

Login form of this website looks very weired please assign it to me im front-end developer
Name:Chetan Karande
Work Experience:front End developer

Add Code of Conduct

We recommend that every repo has a code of conduct. If you don’t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

Footer Design and Fixing broken link to Hackathon Page

Key points achieved:
*Footer design according to Figma design
*Fixing bug of hackathon page link

Website is not responsive in mobile and tablet view Can you assign me this issue for the gssoc'24

Navigation page redirect issue

Unable to redirect project,blogs and hackathon section. I would like to solve this issue, please assign it to me

Missing CONTRIBUTING.md File in Repository

The repository currently lacks a CONTRIBUTING.md file, which is an important resource for guiding potential contributors on how to engage with the project effectively. A CONTRIBUTING.md file outlines the contribution guidelines, coding standards, and procedures for submitting pull requests, thus streamlining the contribution process and ensuring consistency across contributions.

Could you please assign this issue to me under GSSOC 24.

Feature | Add Dark mode to the website

I would like to add dark mode feature to the website as a part of enchancing the user experiance and also adjust the color setting of the webiste.

I would like to work on this issue under GSSoC'24

Improving the design and layout of the cards

These cards do not seem properly finished. I'd like to improve the design of these cards. Please assign this task to me under GSSOC 2024

Hero Image , Search Bar and Company tag Adjustment

Description:

Issue:
The hero image on the landing page does not adjust well across different screen sizes. It might lead to a compromised user experience as the image may get cropped or stretched, impacting the visual appeal of the page.
The placement of the search bar seems inappropriate. It doesn't seamlessly blend with the overall design and might not be easily accessible to users, hindering their ability to search efficiently.

Objective:
To enhance user engagement and improve the usability of the landing page, it's crucial to address these issues promptly.

Kindly assign this issue to me under GSSoC'24.

Filter hackathon card and Like feature for hackathon card

@RamitVishwakarma we can create a filter option so that we can filter the hackathon based on the theme like web dev, Ml etc and even can add like button that displays number of likes ,can u please assign this task for me I am a contributor under GSSOC 24

[BUG] Icons are not visible in the footer

The icons in the footer are not visible and does not have any links to it will look into the issue and change the required code.

Please assign me this under GSSoC'24 (Please label this to gssoc and level 1)

add hover on different links and buttons.

as you can see , there is no hover effect and transition present on buttons .
i want to add that one , kindly assign this issue to me.

recording-2024-05-12-16-10-53.mp4

[bug] Non display of the icons for social media handles

The social media handle icons are not visible kindly assign me for doing the same.

[Bug]: Update Browser Tab Title

Issue Desc:

The existing title displayed on the browser tab reads : "Vite + React"

###Problem: This issue not only degrades the SEO performance of the site but also degrades the user experience.

Solution:

The solution to this issue is very trivial, as it just requires the title to be updated in index.html.

Screenshots:

Please assign me this issue to me under GSsoc24.
@RamitVishwakarma

font family is not looking great

As I found this issue and I'm a GSSOC'24 contributor, pls assign this to me @hereisSwapnil

Icon not Displaying

In your live site at footer social media icons are not displaying, As a GSSOC'24 contributor i would like to work on this issue so can you please assign me this issue to fix the social media icons displaying properly.

Styling The Leading organizations component

The images are not in proper position. I would like to make it slightly bigger and better appealing to look. I would like to contribute to it under GSsoc'24

Style Mobile View Of App and updating The UI Of Site.

Hey there, I'm Pratham Vishwakarma, I visited its mobile site, and believe me it's a mess. So, I can help with making the mobile view site appealing and also update some of the UI element in this site. Thank you, please Label Me Under GSSOC, and assign It a level. Thank You.

Improve UI of navbar and search bar

UI of the navbar and the search bar is very basic and can be improved.
hover effects can also be added.
@RamitVishwakarma please assign me this under GSSoC'24.

Improving organisations.css making it dynamically sliding

Enhancing organisations.css file by adding padding and dynamic effects.

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

Missing Code of Conduct File in Repository

Currently, the repository lacks a Code of Conduct file, which is an essential component for fostering a healthy and inclusive open-source community. A Code of Conduct serves as a guideline for expected behavior, ensuring that contributors and participants feel safe, respected, and valued within our community space.

Kindly assign me this issue, so i can work towards it under GSSOC 24

search functionality is not working

The search functionality is not working as expected.

Steps to Reproduce

1. Go to the hackathons page.
2. Enter the hackathon name that you want to search.
3. Click on search button.
4. Observe the unexpected behavior i.e no hackathons are being shown.

Expected Behavior

After performing a search, the system should display relevant search results based on the entered query.

Actual Behavior

No hackathons are being shown

Website is not responsive for the mobile and tablet view

It is view very poorly at the mobile view all things are meseed up

Migrate Normal Css to Tailwind classes

The project needs to be written in tailwind classes so all the CSS needs to be converted into Tailwind classes

[feature]Infinity Carousel with company names

Infinity carousels with company names would look better to this website. Please assign me and i can do the same for you.

Add prettier.json

add prettier json so that indentation is same for everyone

Creating a Backend API for the Hackathons

Using the MVC architecture creating a backend api for the hackathons connecting to mongodb database.

please assign me this issue under gssoc24

Adding cards for hackathons.

• The hackathons list would look better with each hackathon inside a card.

• Each card would be of appropriate styling according to the overall website design and color scheme, along with subtle hover effects to increase user engagement.

Kindly assign this issue to me under GSSoC'24.

Blog page design

*Adding Blog page for website

Title: Improve Visibility of Social Media Icons on Landing Page

Description:
The social media icons on the landing page are currently not visible, which negatively impacts the page's appearance and user experience. Enhancing the visibility of these icons is crucial for improving user engagement and usability.

Objective:
To address this issue promptly and ensure that the landing page provides clear access to social media links, thus enhancing user engagement and usability.

Kindly assign this issue to me

Updation and Implementation of Footer Links and Icons

I would like to make some improvements to the website's footer section.

Specifically, I plan to:

1. Make the non-functional footer links work to ensure they direct users to the intended destinations.
2. Make the links include only what the site contains.
3. Fix the display and functionality of footer icons, enabling more usability.

@RamitVishwakarma Please assign this issue to me under the tag of GsSOC'24. Thank you.

[FEATURE] Social link by the hackathon creators

A social links component that allows the hackthon creators to add some social links. @RamitVishwakarma can you please assign me this issue?

improvement in Hackathons section

i would like to make it like this as it is mentioned in figma file. i would use tailwind so that other devs who are migrating won't have to migrate this component. I would like to contribute to it under Gssoc'24

Implementing backend of signup/login system

There is no login/signup system.
Tech stack: express, javascript, mongodb
I want to take up this issue.

Learn.md

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

Bettter implementation of the footer section and animation for the landing page

I'd like to add animation for the landing page using JS, and also implement a better design for the footer section.

OAuth buttons are not working

Description

OAuth buttons "Sign up with Google" and "Sign up with GitHub" are not functioning as expected.

Steps to Reproduce

1. Attempt to sign up using the "Sign up with Google" button.
2. Attempt to sign up using the "Sign up with GitHub" button.

Expected Behavior

The OAuth buttons should redirect users to the respective authentication endpoints for signing up with Google and GitHub.

Actual Behavior

The OAuth buttons are not redirecting users to the authentication endpoints and are not functioning.

Blog Page

I would like to work on the Blog Page as part of GSSoC'24 . Kindly assign me this task.

Design for Signup Page

Currently there is no Signup Page ... So the signup link stays irrelevant currently. I would like to create a signup page according to login page

Enhancement of the buttons and links

I want to add suitable hover effects for the buttons or tabs and the links in footer section .

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a “Report Bug” and “Feature Request” issue template.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

Some suggested prompts/questions you can add to a “Report Bug” template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a “Feature Request” issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to your

UI of the scrollbar

I want to improve the UI of the scroll bar and make it look more appealing.
@RamitVishwakarma please assign this to me under GSSoC'24.

Implement forget password

Description:

The application currently lacks the "Forgot Password" feature, which is crucial for user account recovery. This issue is to implement the necessary pages and functionality required for the "Forgot Password" feature.

Tasks:

1. Create Forgot Password Page: Develop a new page or modal for the "Forgot Password" functionality.

   • Steps to Implement:
     1. Design the user interface for entering email addresses for password reset requests.
     2. Implement the frontend components for the Forgot Password page/modal.
   • Expected Behavior: Users should be able to access the Forgot Password page/modal to initiate the password reset process.

2. Backend Logic for Password Reset: Develop backend logic to handle password reset requests and send reset instructions to the user's email.

   • Steps to Implement:
     1. Define API endpoints or backend routes to handle password reset requests.
     2. Implement logic to generate and store password reset tokens securely.
     3. Integrate with email services to send password reset instructions to users.
   • Expected Behavior: Upon submitting a password reset request, users should receive instructions on how to reset their passwords via email.

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you must add the tag GSSoC'24, Level 1, Level2, Level 3 good first issue etc.
How we cacluclate the Scores on Leaderboard: Every PR one point
Level 1: 10 points
Level 2: 25 points
Level 3: 45 points
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.
Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

[Fix]: Unnecessary removed css files import

Issue Description

The css files which were usless and were deleted still have their import statements into the files.
###Problem: it produces error during development.

Solution:

The solution to this issue is very trivial, as it just requires the import statements of the unnecessary files to be removed.

Screenshots:

Please assign this issue to me under GSsoc24.
@RamitVishwakarma

Girlscript Summer of Code Introduction/Tracking

👋 Hi @DSC-JSS-NOIDA,

I am Prince,web developer(Core Team) Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you

• #13
• #14
• #15
• #16
• #17