Git Product home page Git Product logo

s3's Introduction

Hack4Bengal Season 3

This is the development repo for Hack4Bengal season 3. The website is built Vite(React), and Twitter Bootstrap.

  • This will be deployed to hack4bengal.tech once we have finalized the design and the content.
  • Until then development workflow will contibue here.
  • The main branch will be deployed to dev.hack4bengal.tech for testing purposes.
  • NO-ONE except the leads, owners are allowed to push directly to main branch. Please create a PR and get it reviewed before merging to main branch.

Setup

  • Clone the repo
  • Run npm install to install all the dependencies
  • Run npm run dev to start the development server

Structure

  • pages folder contains all the pages example /live route will be the pages/live/Live.jsx file
  • components folder contains all the components, example components/Navbar.jsx will be the navbar component
  • styles folder contains the global styles.
  • public folder contains all the static assets like images, fonts, etc.
  • utils folder contains all the utility functions.
  • assets folder contains all the assets like images, fonts, etc.

s3's People

Contributors

andresha56 avatar apneduniya avatar arkapravo-ghosh avatar damon248 avatar imanishbarnwal avatar imgbot[bot] avatar imgbotapp avatar jude-san avatar kaialan avatar muhammad-shahid-jamal avatar rahulkhandait-sde avatar rajdeepbuilds avatar rohitroy-github avatar rohits-web03 avatar sagnikmitra avatar sayakongit avatar sharjeel-afridi avatar shinjan-saha avatar shubhangam333 avatar snehansubehera avatar tamalcodes avatar taran1326 avatar tushar-daiya avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

s3's Issues

Bug: FAQ section is overflowing at & above 576px of screen size.

Description

The FAQ section is not responsive and overflowing out of the container at and above 576px of screen width.

Proposed Solution

The FAQ section should be made responsive for every screen sizes like other sections in the website

Screenshots

Screenshot 2024-05-24 140249
Screenshot 2024-05-24 140256

@tamalCodes I would like to contribute to it. please allow me. I have been an active contributor in GirlScript Summer of Code 2024.

Browser 🥦

Google Chrome

Checklist ✅

  • I checked and didn't find similar issue
  • I am willing to work on this issue (blank for no).

Bug: Hero section button issue

image

The whole button element is not an anchor tag. If i click outside the Join discord text nothing will happen which is a very bad usecase. Please ensure that the whole element /button takes me to the desired page when clicked.

A great issue for beginners to jump in !

Need to update Hero Section

During the previous season, we established a partnership with the Government of West Bengal, which is why our logo and main section prominently featured their branding. However, it's crucial to note that for Season 3, our partnership dynamics have evolved, and the Government of West Bengal is no longer a partner. To maintain transparency and consistency, we need to update this particular aspect for the upcoming season. You can access our branding and assets from the last season on the previous season's website for reference.

image

Create a "Past Sponsors" Section on the Website

In order to maintain an updated and organized website for our hackathon, we need to create a "Past Sponsors" section to showcase our sponsors from Season 2 and Season 1. Currently, the website displays the "Sponsors & Partners" section as To be decided soon..., and we would like to replace the Sponsors & Partners to Past Sponsors to give them the recognition they deserve.

image

Update Contributing.md file

Description

The current Contributing.md file seems old and contains the old repo name in places. We should also add how to start the server.

Screenshot

image

Theme, Track section 3d cards and AI images + Prizes Audit

  • need an Audit for the themes and the track section
  • We will have the same 3D effect that we had in the previous season but we will also be having different AI images if possible that look nice
    We also need to finalize the prizes section so that we can deploy it although it has been coded and commented out

Bugs

  • Footer animations are slow, not getting clicked, check and fix
  • Update 2000 plus hackers to 5000+ Member 70+ hack hours, 50+ mentors
  • Performance and responsiveness audit

Fix the teams page

The team for season 3 has not been decided yet. For now we have 7 organizers: Manish Kumar Barnwal, Shubham Tribedi, Sagnik Mitra, Kajal Jaiswal, Sanmoy Dam, Ankita Panda and Tushar Mukhopadhyay.
You can remove others who are not mentioned above from organizers.
Also, remove everyone from the core team list and mention "To be declared soon".

Bug: Improving the SEO of the whole website

Description

The SEO score for the website can be improved a lot. The site must be crawlable and have proper details and matching keywords.

Proposed Solution

  • Some images do not have a proper alt tag make sure most of the images have alt tags that are matching with the description. You can generate alt tags by using the following generator.
  • The links are not crawlable to appear in search results the links must be crawled
  • Different pages must have different proper meta types make sure the website has proper meta tags.

Screenshots

image

Browser 🥦

Brave

Checklist ✅

  • I checked and didn't find similar issue
  • I am willing to work on this issue (blank for no).

Performance Optimization

Page load times are critical for a positive user experience. We need to identify and address any performance bottlenecks that may affect website load times.

image
image

Bug: Footer UI

Description

  • For mobiles I think the brand assets and code of conduct takes a lot of space then it needs to the font size might be reduced and it is also possible to keep it both side by side instead of vertical manner
  • The same goals for visiting a particular season and put it side by side else it takes a lot of unnecessary space
  • Remove email us:

Screenshots

image

Browser 🥦

Brave

Feature: Add issue templates

We need to have issue templates in place to be able to raise proper issues that have all the details. We need four main types of issue templates, Bug , Feature, Docs, and finally Other.

These must have space for the following

image

Feature Add: Further Improvement in carousel for better user Knowledge to provide.

In the Testimonial section and in the Our Past Mentor carousel section if anyone want to see all then they have to wait a while or have to drag one by one through mouse but if there was ARROW for scrolling previous and next then it will be great for the user to take a short look of all. Currently we can scroll one by one with mouse, and I've tried, this is not that much convenient.

Bug: Enhancing the performance of the website

Description

The website has a decent level of performance however that can be improved a lot more by adding different functionalities and making sure to include best practices. DETAILS.. A lot of details on how this can be done are mentioned in the link that is provided.

Proposed Solution

  • Make sure the Image elements have explicit width and height.
  • Preloading LCP elements.

Screenshots

No response

Browser 🥦

Brave

Checklist ✅

  • I checked and didn't find similar issue
  • I am willing to work on this issue (blank for no).

[feat] TimeLine

  • Timeline must be responsive in any screens
  • Make sure that there is a functionality where we move to the next number when the first one's date is completed
  • Make sure the fonts are looking good and consistent
  • Double-check the functionality for the same

Deadline: May 14th Tuesday EOD

[fix] Events page UI

  • heading change hobe
  • Navbar e Events word ta nei, laagate hobe
  • bg red gradient brightness ektu kombe
  • Link er logo for CTA
  • The thumbnail would be whatever has been posted
  • Gradient and UI small iteration
  • Content pending by me
  • Separator and time thaakbena

Deadline : 14th May

Build a new UI/UX for Season 3

Consider updating the overall User Interface (UI) and User Experience (UX) design for the Hack4Bengal Season 3 website. This issue focuses on evaluating the current design, gathering feedback, and proposing a new UI/UX to enhance the website's visual appeal, user-friendliness, and overall engagement. You can recommend design changes, create wireframes, and eventually implement a refreshed UI for the upcoming season.

Bug: Remove first two logos

We would need some change in the brand assets, you can access the page in hack4bengal.tech/brand, where we would remove the first two logos.

  • Hack4Bengal Wide Govt. Infused Logo Light
  • Hack4Bengal Wide Govt. Infused Logo Dark

image

Bug: Changes to mentors section

image

Take a look at the picture above, as you can see there is an inconsistent flow. Please change the id from #/judges to #/mentors. This is a very small issue, great for beginners !

Create/modify Event Page for Hack4Bengal Season 3 Website

We need to create a dedicated Event Page on the Hack4Bengal Season 3 website to provide comprehensive information about the upcoming online/IRL events by Hack4Bengal. This page will serve as a central hub for all things related to all the events either it's past or future events. The Event Page should be user-friendly, visually appealing, and highly informative to engage participants effectively.

Earlier, we had created a page that was not completed yet, check here if you can help us to improve it.

Feat: Create a custom form for preregistration

Currently, we are using Google Forms to collect pre-registration responses. Why not create a separate page with a custom form for pre-registration and submit the data to Google Sheets or another service?

If this aligns with our objectives, may I work on this?

An PWA For official Website

I propose that an Web-App which will work on both online & offline will increase the effectiveness & the purpose of the Website

[BUG] Cleanup of teams page and assets

  • The /team page will not be used anymore please remove that from the website, including the route for it
  • Remove the Meet our team section from the homepage too

Bug: Improving acessibility of the website

Description

Currently, as you can see the accessibility score is pretty low, the issue is to make this score as high as possible.

  • Some image elements do not have an alt tag
  • Some image elements have alt tags but the description is very much different than what it should be
  • The Links do not have a discernible name

Proposed Solution

  • You can generate the alt tags using alt-text generator
  • You can add aria-label or research more about how to make links accessible

Screenshots

image

Browser 🥦

Brave

Checklist ✅

  • I checked and didn't find similar issue
  • I am willing to work on this issue (blank for no).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.