nitrr-open-source-community / nosc-website

NITRR Open Source Community (NOSC)

Who are we?

We are the NIT Raipur Open Source Community (NOSC), a passionate group of individuals dedicated to the world of open source software. Our mission is to foster a culture of collaboration, learning, and innovation through open source projects and initiatives.

At NOSC, we believe in the power of open source to drive positive change, and we welcome contributors from all backgrounds and skill levels to join us in our journey.

What do we do?

• Open Source Projects: We actively contribute to and maintain a variety of open source projects, covering a wide range of technologies and domains.

• Community Engagement: We engage with the larger open source community, both locally and globally, to exchange ideas, share knowledge, and learn from others.

What do we NOT do?

• Exclusivity: We are an inclusive community that welcomes members from all backgrounds, and we do not discriminate based on gender, race, or any other factors

• Commercial Projects: We primarily focus on open source projects for educational, research, and community-driven purposes, rather than commercial ventures.

• Academic Research: While we encourage learning and innovation, we are not primarily a research-focused organization.

Join NOSC today, and let's build a vibrant open source community together!

How to contribute?

If you're not comfortable with the command line, here are tutorials using GUI tools.. If you don't have git on your machine, install it.

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_name>/NOSC-Website.git

3. Navigate to the project directory 📁 .

cd NOSC-Website

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/NITRR-Open-Source-Community/NOSC-Website/

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream master

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perform your desired changes to the code base on that branch.

9. Track your changes ✔️ .

git add .

10. Commit your changes.

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on `compare and pull requests. Please ensure you compare your feature branch to the desired branch of the repository you are supposed to make a PR to.

13. Add an appropriate title and description to your pull request explaining your changes and efforts.

14. Click on Create Pull Request.

15 Voila! You have made a PR to Bug Buster's Community Website. Sit back patiently and relax while your PR is reviewed.

---

How to run project the project?

Please make sure you have vs code editor installed. If you don't have it, download it.

1. Open VS code and clone the repo .

git clone https://github.com/NITRR-Open-Source-Community/NOSC-Website/

2. Open all files in vs code.

cd NOSC-Website

---

Project Maintainers & Admins

Abhinav Srinivas

Ishaan Adarsh

Project Contributors

nosc-website's Issues

UI Enhancement for Contact Us Page

Is your feature request related to a problem? Please describe.

I've noticed that the current UI for the "Contact Us" page could use some improvements to make it more appealing and user-friendly.

Describe the solution you'd like

I would like to transform the "Contact Us" page into an exceptional user interface that not only serves its function effectively but also makes a positive and memorable impression on our visitors.
Could you kindly assign this task to me? I'm committed to making it exceptionally appealing.

Add Contributors Section

Description: Consider adding a dedicated section in the about page to acknowledge and credit all contributors to the project. This can foster a sense of community and appreciation among contributors.

• Difficulty: Medium
• Tags: Community, Contributors

Images not showing in the "Know Our Team" section of the homepage

Description
The "Know our Team" section in the home page only shows the picture of Abhinav Srinivas and no one else.

Difficulty
Easy

To Reproduce
Steps to reproduce the behavior:

1. Go to the home page of https://nosc.netlify.app/
2. Click on 'Know our Team'
3. Notice the images in the cards.

Expected behavior
All the images should be visible

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser: Edge (chromium version)
• Version 117.0.2045.43 (Official build) (64-bit)

Additional context
The source link for these images are not working when opened in the browser. That seems to be the issue. New links to be provided for the fix.

Link the privacy policy page

Description
Link the privacy policy page to the 'link' link of the navbar and footer

Difficulty
easy

Expected behavior
The 'link' text should be changed to privacy policy and should direct to the privacy policy page

Screenshots

Event Notification

Description: Implement a notification system to keep users informed about upcoming events. This could be through email notifications or pop-up messages on the website.

• Task: Set up a notification system that sends reminders for upcoming events.
• Additional Info: Users should have the option to subscribe or unsubscribe from event notifications.
• Labels: Enhancement, Events

Inconsistency in founder card dimensions on the website.

Problem:
Inconsistency in founder card dimensions on the website.

Solution:
Ensure all founder cards have uniform dimensions. Implement a toggle effect that enlarges the card smoothly upon clicking.

Alternatives:
make same dimension card.

Assign this issue to me

Fix know our team link in footer

Description
The Know Our Team link in footer just reloads the page and not scroll to that section.

Difficulty
Easy

To Reproduce
Steps to reproduce the behavior:

1. Go to footer of the website
2. Click on Know Our Team link
3. It just reloads the page

Expected behavior
It should scroll to that particular section of the website (Team Section) as the link in the navbar does.

Screenshots

The link Know Our Team (shown above) should scroll to this section of the website.

Desktop (please complete the following information):

• OS: [e.g. Windows 8]
• Browser [e.g. chrome]
• Version [e.g. 109]

Additional context
none

Enhancement of contact us page

As did in register page, i think ui should match similar in contact us page.

I want to do this, please assign this issue to me and also attach labels please

About Page Content Expansion

Description: The "About Us" section could benefit from more details. Contributors are encouraged to expand the content to include information about the team behind the project, their motivations, and the development journey.

• Difficulty: Easy
• Tags: Content, About Us

Hamburger not functional in contact us

Description
Hamburger menu not functional in the contact us page

Difficulty
medium

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app/contact'
2. Click on hamburger
3. Notice that it is not functional

Expected behavior
The hamburger should open and close properly

Screenshots

Add some fade animation while scrolling the page

My Feature request is to add some new animation when the user scrolls down the webpage. The animation is like fade-in fade-out.
I think this animation will make the website even more good.

[bug]: animation of " but why us? " at center

Description
Animation running on loop can be placed at center and a bit larger, it looks good when at center!

Difficulty
Easy

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://nosc.netlify.app/'
2. Scroll down to 'But why us section'
3. See error

Expected behavior
animation at center and a little larger.

Screenshots

After correction it would look like:

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Navbar not present in webpages

Description
The navbar is not visible in the events and contact us page.

Difficulty
medium

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app/events'
2. Notice that the navbar is not visible and the other links of the website cannot be navigated from the events page
3. Similar the contact us page also doesnt have the navbar

Expected behavior
The navbar should be consistent and visible across all of the webpages.

Screenshots

Desktop (please complete the following information):

• OS: MacOs
• Browser Edge
• Version 117

Additional context
NIL

[BUG] : no space at the left boundary on hovering nav elements.

Description
On hovering the nav elements, when inside hamburger icon click, there is no space between text and left boundary.

Difficulty
easy

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Click on 'hamburger icon, when screen size is less than 768px'
3. Hover over the nav elements.
4. See error

Expected behavior
When the nav elements are hovered, a clear and uniform margin is visible from all sides bottom, left and top.

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context
Make sure you edit the original code to get desired expectation, do not add a lot of code from your side.

Adding a bottom to top button in the website

Hey @nown1ne I would like to add a button that scrolls from the bottom to the top of the page by just clicking that button. So please assign me this issue under the label of Hacktoberfest2023.

White line on Register now button on homepage.

Description
When scolled on Homepage , A white line is appeared on the RegisterNow button.

Difficulty
good first issue

Expected behavior
There should not be any line over RegisterNow button.

Screenshots

Events Calendar

Description: Adding a calendar view to the events page can make it easier for users to browse upcoming events by date.

• Task: Implement a calendar view that displays event dates and titles.
• Additional Info: Users should be able to click on dates to see event details.
• Labels: Enhancement, Events
• Difficulty Hard

Link not visible

Description
When howevered on the links in the navbar are not visible

Difficulty
Medium

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Hover over any link in the navbar to observe the limited visibility

Expected behavior
The link text should be visible when the link is hovered upon

Screenshots

Desktop (please complete the following information):

• OS: MacOs
• Browser Edge
• Version 117

Additional context
Nil

Event Registration Form

Description: For upcoming events, we need a user-friendly registration form. This form should collect attendee details and preferences.

• Task: Create a registration form with fields for attendee information.
• Additional Info: Include fields for name, email, contact number, and any specific event-related questions.
• Labels: Enhancement, Events

Improve Footer section

Description
The footer Section of the website is not attractive, Improvement is needed in the Useful links, About us and social handles. Icons are repeated, New subscription form needs to be created.

Hamburger not functional in Events page

Description
Hamburger menu nofunctional in the contact us page

Difficulty
medium

To Reproduce
Steps to reproduce the behavior:

1.Go to 'nosc.netlify.app/achivements'
2.Click on hamburger
3.Notice that it is not functional

Expected behavior
The hamburger should open and close properly

Screenshots

Past Events Archive

Description: Let's create an archive section on the events page for past events. This will allow visitors to access details and resources from previous events.

• Task: Design an archive section with links to past event detail pages.
• Additional Info: Ensure that past events are categorized by date or topic for easy navigation.
• Labels: Enhancement, Events

Event Feedback Form

Description: After attending events, it's valuable to collect feedback from attendees. Let's create a feedback form for this purpose.

• Task: Design a feedback form with questions related to the event experience.
• Additional Info: Ensure that the form is easily accessible after events.
• Labels: Enhancement, Events

test

Is your feature request related to a problem? Please describe.
nothing ko change karre hai

Describe the solution you'd like
ek space add karenge aur teen !!!

Describe alternatives you've considered

Additional context
Add any other context or screenshots about the feature request here.

Events page has wrong url

Description
The event page has the url achivements

Difficulty
easy

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app/achievements'
2. Notice that the page is actually about events

Expected behavior
the url should be events

Screenshots
If applicable, add screenshots to help explain your problem.

Fix the hamburger menu

Description
The hamburger menu is not functional and does close once opened

Difficulty
Medium-Hard

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Click on the hamburger menu
3. See error

Expected behavior
The hamburger menu should open and close properly

Screenshots

Desktop (please complete the following information):

• OS: Android 13
• Browser Chrome

Add Pull Request Template

Pull request templates allow your organizations to have a default text when you create a pull request on GitHub.

They allow for collaboration between contributors and maintainers, offer an opportunity to communicate changes that have been made and why they are important, and the ability for maintainers to provide feedback.

Because contributors come from different backgrounds, have varying degrees of experience, and speak different languages, I think it would be a good idea to inculcate a Pull Request Template to the respository.

Add "Privacy Policy" and "Terms of Service" Pages

Description: Ensure legal compliance, transparency, and address privacy concerns by adding both a "Privacy Policy" and a "Terms of Service" page to the website. Contributors can create basic documents for both pages to provide clear guidelines to users.

• Difficulty: Easy

• Tags: Privacy, Legal, Terms of Service

Contributors Not Updating in Real-time in README.md

Issue Description:
The list of contributors in the README.md file is not updating in real-time as new contributions are made to the repository. This makes it challenging for us to acknowledge and give credit to all contributors promptly.

Steps to Reproduce:

1. Make a contribution to the repository, such as opening a new issue, submitting a pull request, or making a direct code change.
2. Check the README.md file to see if your contribution is immediately reflected in the contributors' list.
3. Note that there may be a delay, and sometimes contributions are not updated at all.

Expected Behavior:
Contributors' information in the README.md file should be automatically updated in real-time as new contributions are made to the repository.

Actual Behavior:
Contributors' information in the README.md file does not update promptly or in real-time.

Additional Information:
This issue affects the visibility and recognition of contributors to the project. Having an up-to-date contributors' list is essential for acknowledging and appreciating the community's efforts.

Correct Typos in Website Text

Description: Improve the website's professionalism by fixing any typos or spelling errors in the text content. Contributors can review pages and make corrections.

• Difficulty: Very Easy
• Tags: Proofreading, Text

Webpage padding issue causes horizontal overflow

Description
The webpage has irregular padding conflicts which makes a horizontal scrollbar appear and the body leaks out to the right side of the viewport.

Difficulty
Beginner-friendly

To Reproduce
Steps to reproduce the behavior:

1. Go to website
2. See error

Expected behavior
The content shouldn't overflow horizontally from the viewport and the user should not be able to scroll to the right.

Screenshots

Desktop:

• OS: Windows 10
• Browser: Mozilla Firefox
• Version: 118.0.1 (64-bit)

Fixing Navbar.

There is a bit uncomfortable styling in the navbar. There are some changes I would like to make:

• Make the nav bar wider.
• Making the navbar sticky.
• Increase the top-padding in the navbar.
• There should be a little more space between the links.

Please assign this issue to me under Hacktoberfest.

Styling "contact us" page. ✨

I believe that the contact us page is not very tempting. I would like to add better styling to it.

Please assign this issue to me under Hacktoberfest. Thankyou!

[Feature request] Scroll to top button.

Scroll to Top button is must have feature .
/assign
@nown1ne

Fix the favicon

Description
The favicon (image shown in the tab) is not clearly visible

Difficulty
Medium

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Notice the opened tab and observe the logo of NOSC

Expected behavior
The NOSC logo in the tab should be clearly visible

Screenshots

Desktop (please complete the following information):

• OS: MacOs
• Browser Edge
• Version 117

Additional context
Nil

Kick off the server

#75 We need to store the information from the feedback form

Make the backend on Nodejs and Express which will help us in dealing with all kinds of form submissions, I will be Installing nodejs and Express, Creating a new file server.js, writing in express JS server file, updating the form action to /submit-feedback

I have considered PHP and Flask as I have command of them but since most of the people will be comfortable in Nodejs as described by Ishan sir, I will be making it in Node and express

In the contact us page Events page button not functioning

in the contact us page Events page button not functioning as it throughs error message

Easy difficulty

Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Click on contact us button in the navigation bar
3. now click on Event button in the navigation bar
4. See error

Expected behavior
the user should be redirected to events page from contact us page

Screenshots

Events Ui enhancement

Its not matching to the theme.
I want to fix it. Please assign it to me

Identify and Fix Broken Links

Description
Ensure a seamless user experience by identifying and fixing any broken links on the website. Review the site's links and update or remove any links that no longer work.

Difficulty
Easy

Center the About Us section

Description
The About Us section in the homepage is not centered and leans towards the left

Difficulty
Medium

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Notice the about us section in the homepage

Expected behavior
The about us section should be centered on the screen

Screenshots

Desktop (please complete the following information):

• OS: MacOs
• Browser Edge
• Version 117

Additional context
NIL

[Bug] : The twitter logo is not update

Description
The logo of the twitter is not updated .

Difficulty
good first issue

To Reproduce
Steps to reproduce the behavior:

1. Go to '.website..'
2. Scroll down to website
3. See the older twitter logo

Expected behavior
the logo of the twitter is replaced with new twitter logo

Screenshots

Styling scroll bar.

I want to create a customized scroll bar matching with the color scheme of the website.

Assign this issue to me under Hacktoberfest.

Improve UI of "Know our team section"

Improve UI of "Know our team section"

• set the same height for every box
• set a default profile page, so if the user does not have a profile then show the default profile logo..
• example :
  

Problem with the floating button that says "register now".

The button should be placed behind the elements, I propose to place a higher z-index so that it is above the elements or to change the position a little bit

Fix logo in navbar

Description
The logo of NOSC in the navbar of the homepage is compressed and not visible properly.

Difficulty
Medium

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Notice the nosc logo in the navbar

Expected behavior
The logo should be clearly visible also add a hover effect to emphasize

Screenshots

Desktop (please complete the following information):

• OS: MacOs
• Browser Edge
• Version 117

Additional context
none

Update Link to the Event Page on the Privacy Policy Page

Description
The Link to the Events Page is not working on the Privacy Policy Page. Please fix this issue.

Difficulty
Easy

To Reproduce
Steps to reproduce the behavior:

1. Go to 'nosc.netlify.app'
2. Go to the Privacy Policy page.
3. Click on the Events button on the Navbar.

Expected behavior
The link should redirect you to the Events page.

Screenshots
If you go the Privacy policy page and then click on the events page.

It shows an error.

Desktop (please complete the following information):

• OS: Any
• Browser: Any
• Version: Any

Event Details Page

Description: To provide more information about each event, we need individual event detail pages. These pages should display date, time, venue, and registration details.

• Task: Design event detail pages with a consistent format.
• Additional Info: Event pages should include event descriptions, speaker profiles (if applicable), and any resources related to the event.
• Labels: Enhancement, Events

[Bug]:Update the logo of the twitter.

Description
The logo of the twitter is chaged to 'X' so you should change the logo to the updated logo of the twitter

Difficulty
Easy

To Reproduce
Steps to reproduce the behavior:

1. Go to '.Website..'
2. Scroll down to '.website...'
3. See error the twitter logo

Expected behavior
The twitter logo should be changed to the updated logo

Screenshots

Add Event Listings

Description: Currently, the events page is empty. Let's add a section on the events page to list upcoming events. This will provide visitors with a quick overview of what's coming up.

• Task: Create a section on the events page with a clear layout for event listings.
• Additional Info: Include event titles, dates, brief descriptions, and links for more details.
• Labels: Enhancement, Events

Create Contributor Section in README.md

Introduce a designated segment in the README.md to recognize and give credit to all individuals who have contributed to the project. This addition aims to nurture a sense of community and express gratitude towards the valuable contributors.