Code Monkey home page Code Monkey logo

namespacecomm / nscc-bpit-website Goto Github PK

View Code? Open in Web Editor NEW
44.0 44.0 87.0 82.19 MB

Official website of The nameSpace Community. Note: Production is deployed from a private repository not this one. But can be viewed using the official link below

Home Page: https://www.namespacecomm.in/

License: MIT License

JavaScript 99.11% HTML 0.25% CSS 0.63%
css hacktoberfest hacktoberfest-accepted hacktoberfest2023 html javascript osen reactjs styled-components tailwindcss threejs

nscc-bpit-website's People

Contributors

akshay9607 avatar aniketsahu28 avatar ayushjaswal avatar bibaswan7 avatar dev-sahsrah avatar gauravtb2253 avatar ghost-vedant avatar keshav39 avatar knagaharikrishna avatar laxmankohar avatar madhusaini22 avatar mnnkhndlwl avatar neel-07 avatar newtonfernandis avatar nikhilgarg26 avatar pawas108ram avatar petrosdevri avatar piyushw0203 avatar pradeeptosarkar avatar prakartigoel24 avatar pranavbarthwal avatar raunakgiri21 avatar rehan52004 avatar sagarbee avatar sajithsojan avatar shruti700 avatar taherafsar avatar the-shivam-gupta avatar vinoth-git-17 avatar vk-44 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

nscc-bpit-website's Issues

[Bug]: The navbar looks ugly when scrolled down

The navbar is not occupying complete width of the screen

image

As shown in the above image , the navbar is not occupying the complete width of the screen and hence making the image to be seen through.

I would like to improvise it along with making the overall navbar content to look better and properly aligned as shown below:
image

Please assign this task to me as a part of hacktoberfest.
Thanks in advance

[Feature]: add a page for internet of things

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

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Make a template page for projects

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

image

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Navbar dropdown menu not visible in tablet/ipad screen sizes

Describe the bug

the dropdown menu of navbar in mobile view is not visible in 700 to 900 screen widths

To Reproduce

  • press ctrl+shift+I to open debug menu
  • select toogle device toolbar
  • then select responsive mode to change the width of device manually
  • have the width between 700 and 900 to reproduce the issue

Expected Behavior

No response

Screenshot/ Video

normal

image

in 700 and 900 width

image

Desktop (please complete the following information)

No response

Additional context

No response

[Bug]: Project Tab doesn't look good or in sync with rest of the pages

Describe the bug

On navigating to https://www.nsccbpit.tech and clicking on the Projects tab, a new component loads which is not full screen and looks out of sync compared to other tabs.

To Reproduce

Expected Behavior

The project page should take entire screen to keep the UX consistent

Screenshot/ Video

Mobile View
Screenshot 2023-10-01 at 2 14 40 PM

Desktop View
Screenshot 2023-10-01 at 2 14 24 PM

Desktop (please complete the following information)

Device - [All]
OS - [All]
Browser [All]
Version [All]

Additional context

No response

[Bug]: Go-Back redirect button in 404 Page.

Describe the bug

On clicking the Go-Back Button in error 404 page, it redirects to home page instead of previous page.

To Reproduce

  1. Go to any page except home page.
  2. Route to any invalid sub-route.

Expected Behavior

The button should take back to previous page.

Screenshot/ Video

404Page.bug.mp4

Desktop (please complete the following information)

No response

Additional context

I want to fix this.

[Feature]: add page for flutter

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

image

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: add a page for ar/vr

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

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: add a card for devops in resource page

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

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: checkbox card in JS page and resources in HTML page

Describe the bug

the checkboxes in the JS page need Improvement(refer the HTML page for the same) and the amount of resources in HTML page can be increased(refer to the JS page)

To Reproduce

  • go to the resources page
  • click on the arrow in the web dev card
  • scroll to look for tech stack card(html, css, js, etc.)
  • open html page and js page respectively to look for the issue

Expected Behavior

  • The checkbox cards on HTML and JS page should look similar
  • HTML page will have more resources

Screenshot/ Video

image

image

too few resources(to compare see JS page)
image

Desktop (please complete the following information)

Device - [All]
OS - [All]
Browser [All]
Version [All]

Additional context

No response

[Bug]: Make the homepage team carousel start sliding only when it is in focus.

Describe the bug

There is a team carousel by the headline "Meet the Team 2023-24". The carousel starts rotating every time the page loads/reloads. So by the time a visitor reaches that section after reading the previous sections, the carousel has already passed a few names. Ideally, when a visitor reaches the carousel portion, he/she should first see the President/Vice-President and so on. i.e. the carousel should start rotating only when it is in focus and stop when it is not.

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

Current situation:

image

Ideal situation:

image
when a visitor reaches the carousel after scrolling, he/she should first see the President and so on.!

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: Add Husky with Prettier and ESLint Configuration

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

Problem:

  • Inconsistent code style and formatting in the project make the codebase hard to read and maintain.
  • Linting issues and code quality problems are often discovered too late in the development process, leading to increased debugging and refactoring efforts.
  • Lack of a standardized coding style hinders collaboration among developers and code reviewers.

By implementing Husky with Prettier and ESLint, we can effectively tackle these issues and improve the overall code quality and development experience in the repository.

Describe the solution you'd like

Issue Description:

I would like to propose adding Husky with Prettier and ESLint configuration to this repository. This will help maintain code consistency and catch potential issues early in the development process.

Proposed Changes:

  1. Husky Integration: We will integrate Husky to set up Git hooks, specifically the pre-commit hook, to ensure that code is automatically formatted and checked for linting issues before each commit.

  2. Prettier Configuration: We will add a Prettier configuration file to define code formatting rules for the project. This will ensure that all code adheres to a consistent style.

  3. ESLint Configuration: We will add an ESLint configuration file to define linting rules for the project. This will help catch and prevent common JavaScript and TypeScript coding errors.

Benefits:

  • Consistent code style throughout the project.
  • Early detection and prevention of code quality issues.
  • Improved collaboration among developers by reducing code review friction related to code style and formatting.

Implementation Steps:

  1. Install Husky as a development dependency.
  2. Create a .husky directory with a pre-commit hook to trigger code formatting and linting before each commit.
  3. Install Prettier and configure it with a .prettierrc file.
  4. Install ESLint and configure it with an .eslintrc file.
  5. Ensure that all developers are aware of and adhere to the new coding standards.

Additional Notes:

Please feel free to discuss any concerns, suggestions, or questions related to this proposal. I'm happy to provide assistance and guidance during the implementation process.

Let's work together to improve code quality and maintainability in this project!

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: A brand new page for Internal Programs

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

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Overlapping of content in Desktop

Describe the bug

Desktop: Event, Testimonials and contact section at the end are overlapping eachother.

Mobile: There is no problem in mobile view

To Reproduce

Go to Event, Testimonials, Contact
Give the margin to Section for desktop
All set

Expected Behavior

No response

Screenshot/ Video

bug2
bug1

Desktop (please complete the following information)

Device - Laptop Hp
OS - Windows
Browser - Chrome

Additional context

No response

[Bug]: Add some gap between team cards

Describe the bug

image
make sure everything is responsive

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: Add a page for AI/ml

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

we should go to that page from resource page take example from https://www.nsccbpit.tech/webd

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Need uniformity in the testimonials section

Describe the bug

image

the testimonials section is looking quite uneven. Any solution to this would be highly appreciated.!

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: Beautify the Programs Page

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

The programs page at https://www.nsccbpit.tech/programs needs some beautification while staying aligned to the overall scheme of the project.

Describe the solution you'd like

Any efforts which lead to a more friendly UX and better responsiveness are appreciated.

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Add page for android development

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

image
just like this page for webd make a separate page for android development

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: modify this resource page for different skills

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

image

Describe the solution you'd like

you just need to change the content of this page like first one is for web development and next you can add android development, ai/ml,ar/vr,data science and other tech domains

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: make a separate page for github

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

image
just like we have a separate page for javascript in webd page make a separate page for github also

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: home page does not look good in bigger screens

Describe the bug

image
it should look like below image
image

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: Custom 404 page

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

The issue is that, on entering an unknown path, the page returned is completely blank. Which hinders the UX

Screenshot 2023-10-01 at 2 48 04 PM

Describe the solution you'd like

I would like to add a custom 404 page on the application to make it more appealing

Describe alternatives you've considered

An alternative solution of this would be to always redirect to the home page if no coding effort is required on the 404 page, although a custom 404 page is always a good solution to handle multiple use cases

Additional context

No response

[Feature]: add more resources on js page

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

image

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

Sticky Navbar

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

The navbar on the site does not stick to the top and as the website involves a lot of scrolling, to redirect to another page, we have to scroll back to the top to change the page.
So having a sticky navbar will make redirection faster for the users.

Describe the solution you'd like

The solutions can have the css of position fixed and top 0 but this will result in the body of the webpage getting pushed upwards. Also the navbar has a transparent background so you will have to add a corresponding background to it and push the body of the webpage down.

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: make a separate page for nodejs

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

image
just like we have a separate page for javascript and html make a separate page for nodejs

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: change reactjs to "choose a framework" in webd page make a separate page for that just like we have a separate page for javascript

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

image
in choose a framework you can give introduction about different frontend frameworks like angular,reactjs,svelte and any other of your choice and resources for them also

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: make checkbox list data persist in resourses page

Describe the bug

image
currently this data of checkboxs are stored in localstorage which changes if we reload the page make it persist even if we reload page the data should remain unchanged
you can use redux toolkit for it

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

[Bug]: Static copyright year in footer

Describe the bug

The copyright year displayed in the footer has static value. In year 2024, it will keep displaying 2023, which is not good.

To Reproduce

  1. Go to footer.
  2. Check the copyright year.
    (Bug can be observed in code only for now unless we enter 2024)

Expected Behavior

The year should change dynamically.

Screenshot/ Video

Untitled.video.-.Made.with.Clipchamp.1.mp4

Desktop (please complete the following information)

No response

Additional context

I want to fix and make it dynamic.

[Feature]: Add more content on webd page

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

image

Describe the solution you'd like

currently we have only frontend in which we have only shown html,csss and javascript
you have to add more content in this page such as after javascript you can add css frameworks/libraries , js frameworks,hosting websites
And additionaly you can add content for backend also
Please attach some screenshots while making pr

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Bugs related to testimonial section

Describe the bug

  1. Missing keys in map() methods
  2. Usage of JS reserved keyword "class" instead of "className"
  3. Redundant "alt" names in "img" tags.
  4. Unnecessary escape character error in constants.js file.

To Reproduce

No response

Expected Behavior

No response

Screenshot/ Video

No response

Desktop (please complete the following information)

No response

Additional context

No response

[Feature]: make separate page for css

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

image
just like we have this page for js make a separate page for css also
image

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Enhance Website Aesthetics with Customized Scrollbar

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

The current state of the website has a simple/default scrollbar.

Describe the solution you'd like

To enhance visibility, we can add a customized scrollbar for a more appealing appearance.

Describe alternatives you've considered

Implementing a customized scrollbar to improve the website's aesthetics and user experience.

Additional context

Customizing the scrollbar can include changing its color, size to make it more visually appealing and in line with the website's overall style.

[Feature]: Add a page for data science

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

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Feature]: Make the blog open in a new tab

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

No response

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

[Bug]: Form validation

Describe the bug

Contact Form gets submitted even with empty input fields.

To Reproduce

  1. Scroll down to contact form.
  2. Keep the form input empty.
  3. Click on submit.

Expected Behavior

On submitting the empty form, warning message should be displayed.

Screenshot/ Video

Untitled.video.-.Made.with.Clipchamp.mp4

Desktop (please complete the following information)

No response

Additional context

I want to try fixing this bug.

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.