Implementing Static Site Generation (SSG) for optimized performance. This approach will prioritize the delivery of static content, allowing ample time to load static data and APIs efficiently.

I want to add dark mode option for better user experience.

What happened?

When the page is refreshed, it encounters difficulty rendering any data and subsequently redirects to a 404 error.

Add screenshots

What browsers are you seeing the problem on?

Chrome

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

⚠️Bug report :

• When a specific blog is clicked, we get redirected to blogs/id
  

• But in that route, GDSC-SMIT Logo is unavailable.
  

• Also the Loader Animation is not seen during Loading
  

Possible causes could be static redirections.

It is an absolutely marvelous website. But the thing which I want to work on is to add some transition effects on the navbar elements like Home, Contact they are very fast and it feels almost like a random display. Similar for the Vision section .

I would like to add transition delays and make the user experience better.

If its okay for you can I work on this issue ?

What happened?

Description

When hovering over the icons in the footer, the current styling results in inconsistent and undesirable padding and layout for the displayed text. This affects the visual consistency and user experience of the website.

Steps to Reproduce

1. Visit the website. (https://gdscsmit.github.io/)
2. Hover over the social media icons.

Add screenshots

What browsers are you seeing the problem on?

Chrome

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

Tasks :

• Navbar doesn't closes after opening in the smaller screens
• Make sure that Navbar remains responsive after fixing the bug
• Fix the Bug

Contact page should be designed as a box and responsive. Can I work on this?

1. when user click on logo it came upwards .

I want to add hover effect and transition for better UI experience. Kindly assign me this under hacktoberfest 2023

Since twitter's logo has been changed . So, I would like to update the logo in socials of every team members.

Before :

After:

Chnages

• Increase the height
• Correct the allignment
• Addding hover effect to improve UI

After

Before

What you want to add in the documentation?

Hello! I noticed a typo with your README.md under Getting Started? I tried cloning the repository with git clone https://github.com/gdsc-organization/gdsc-website.git however my terminal within VSCode threw an error stating that the repository was not found. When I tried git clone https://github.com/gdscsmit/gdscsmit.github.io.git given by GitHub's <> Code button, I was able to clone the repository. May I please update your README.md to include the correct git clone link?

Add screenshots

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

You should use className instead of class in React. This is because class is a reserved keyword in JavaScript, and React uses JSX, which is a syntax extension for JavaScript. When you use class in React, it will be interpreted as a keyword, and your code will not work.

To avoid this, you should always use className when you want to set the class of an element in React. For example:

<div className="my-class">
  This is a div element with the class `my-class`.
</div>

Issues to be solved :

• Preventing text area from resizing.
• "Sent successfully" message should be displayed only when all the fields are non-empty.

Tasks :

• Create an interactive UI displaying the projects by GDSC SMIT
• The component should display all the open source projects, it's description and maintainers.
• The project cards should redirect to official Github of GDSC-SMIT
• Component should be rendered on clicking this :
  

Further improvements will be made in the upcoming issues.

Making Blogs section UI responsive for mobile devices

A required service account is missing necessary permissions. Please resolve by visiting the Storage page of the Firebase Console and re-linking your Firebase bucket or see this FAQ for more info: https://firebase.google.com/support/faq#storage-accounts. If you recently made changes to your service account, please wait a few minutes for the changes to propagate through our systems and try again.

Hey there @pooranjoyb!
I intend to link the home page to the navbar logo.
Secondly, i want to make some small UI changes to buttons size and give the text a 'card' look.

Attached screenshots show the changes

1. Before:-
   

2. After:-
   

I'm ready to discuss and incorporate changes as per your requirements.
Kindly assign me this issue under appropriate tags.

>You were using index as a key but it can lead to subtle and confusing bugs if an item is inserted, deleted, or if the array gets reordered
I want to add individual ID at each object of the data array can pass it into the key.
Can you Please assign me it under Hacktoberfest-2023.

I would like to work on this.

This section should offer and tell about courses , tools , programmes offered by Google . This can include GCCP (Cloud ) and workshops that will be conducted in future by google

I would like to add hyperlinks to the Lead (Aryan Lohia) to the social media icons and I will add his profile picture too. Please assign me this task under hactoberfest23. Thank you.

What's the suggested design idea?

a dark theme button can be added to website to look more better

Add screenshots

No response

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

• Documenting components and functions using comments.
• Proper use of commenting can make code maintenance much easier, as well as help make finding bugs faster.
• A well-documented code is as important as correctly working code.

Kindly assign this issue to me. I would like to work on it.

What happened?

Footer breaks in Contact Page

Add screenshots

What browsers are you seeing the problem on?

No response

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

@gdscsmit @girish0120 Can I work on styling this vision and goal section.

Description :

• The blogs section is one of the most important part of the website.
• The page is created in such a way that, the Editorial Team of SMIT will create blogs in Blogger
• We'll are Blogger as the headless CMS to fetch blogs using API keys (Already Implemented)
• Once user clicks on a Blog, they'll be redirected to the Blog.jsx component.
• All list of blogs should be displayed in BlogPage.jsx component

Tasks :

• Create the UI for the BlogPage.jsx component
• Fix the background bug and use some gradients
• Fetch all blogs from Blogger and display it in the UI
• Redirect to the Blog.jsx and display that particular blog in the page

Tasks :

• Align the image properly and fix it's responsiveness.

Some characters are reserved in HTML.

If you use the less than (<) or greater than (>) signs in your HTML text, the browser might mix them with tags. Entity names or entity numbers can be used to display reserved HTML characters.

Entity names look like this:

What happened?

There is a misalignment in social icons.

Add screenshots

What browsers are you seeing the problem on?

Chrome

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

The contact form is not looking good in mobile phones

The video is not responsive in mobile phone

@girish0120 please assign it to me I am excited to work on this issue.

Tasks :

• Create a Modal for Contact form submission
• This Modal should pop up with a message saying that Message successfully Sent
• Also add a X button to close the Modal, after it pops up
• Responsiveness is PRIORITY

Tasks :

• Find loader.gif in ./public/ directory,
• Either convert it to Transparent gif or use the same for creating a preloader for the website.
• The loader should be in the center of the page.
• Make sure it's responsive

⚠️ NOTE : Remove the Redirecting... text from /app route and add the preloader there too.

Click here for reference.

Well to solve the issue of eye straining of developers, i would like to add this feature

What happened?

I found a styling bug in footer of Contact Us page. Footer in other pages are fine but Under Contact Us page The Social icons are overlapping over the Text and Logo in tablet and desktop view.
I can fix that by changing some CSS.
Please assign the issue to me under Hacktoberfest2023.

Thank You :)

Add screenshots

What browsers are you seeing the problem on?

Chrome

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

hey can you convert this website from CREATE-REACT-APP TO VITE for faster developer environments

I would like to add fade-in animations to Vision cards because it would improve the user experience in my opinion (it intrigues the user to see what is next and would offer a smooth appearance combination in parallel with the card shadows).

I also believe we could apply such animations to the rest of the website content but if you do not like it I will only alter the Vision section.

To add Dependabot to a project, create a dependabot.yml file in project root. Configure it to check for updates in project's dependencies, and set up notifications for automated pull requests. Dependabot will then help keep dependencies up-to-date, enhancing project stability and security.

>You were using index as a key but it can lead to subtle and confusing bugs if an item is inserted, deleted, or if the array gets reordered
I want to add individual ID at each object of the data array can pass it into the key.
Can you Please assign me it under Hacktoberfest-2023.

I would like to implement an issue template to facilitate a more structured approach for developers when submitting issues, enabling them to provide comprehensive details.

The team tab doesn't has any pictures of the current team. Please assign me this under HacktoberFest

Tasks :

• Create different sections for different domain core members
• You can either use Lists of names or
• Suggest some better UI for the same

Add a footer for the website with links, social media icons and an about section.

Issue Description

Currently I saw the code in the footer of the website for the copyright year is still static, I want to add a dynamic year copyright in the footer of the website.

Describe the solution you'd like.

I create a new variable to get dynamic year info, named const currentYear and i called the variable with JSX.

Screenshots

Additional information

Can you take my advice and assign this task to me Sir @gdscsmit ? and I am new to open source contributions and I would love to contribute to your project! I also participated in Hacktoberfest2023.

Hy if you could link the GitHub repository with Netlify or something else then contributors might find it easy to report new issues and also it will get easy for them to judge the issue and whether they can make meaningful contribution or not.

Tasks :

• Initiate Firebase Real Time Database and save all form submissions to DB
• Make sure to display a modal on successful submission of the form
• Create .env for storing Firebase Secrets

What feature?

Create a workflow to preview a PR live in some hosting platform. (Github-Pages, Vercel, Netlify, etc)

Add screenshots

No response

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue