Giter VIP home page Giter VIP logo

codechamp-s-website's Introduction

Sublime's custom image

CodeChamp-Website

This is an Open Source Community Website which contain details on past events, social media handles, team details, and an internship page where various internships are listed. The website also has a section dedicated for frequently asked questions and a footer which contains quick links for navigation.

📍Tech Stacks

📍Acknowledgements

📍Contributing

Contributions are always welcome😃 !

If you are interested in reporting/fixing issues and contributing directly to the code base, please see CONTRIBUTING.md for more information on what we're looking for and how to get started.

PROJECT MAINTAINER 😇

Sublime's custom image

📍CONTACTS

Please visit Admins Git-hub profile for contact details.

Happy Coding 👨‍💻

codechamp-s-website's People

Contributors

abughalib avatar akansha0211 avatar aman-0604 avatar aman0786-git avatar anjaligoswami avatar aryanu027 avatar ashaman999 avatar bhoopesh369 avatar chaaals avatar christusdsouza avatar developerashish8 avatar divyanshraj0408 avatar dvijkalsi avatar gouravdutta-01 avatar i-himanshu avatar i-sandesh avatar ishikajn8126 avatar itsdurgeshray avatar muhammad235 avatar nakamcode avatar nujovich avatar pritamsarbajna avatar saksh8 avatar saloni098 avatar shaba1406 avatar simransia avatar sri-rishi avatar timmotal avatar vedant-manjrekar avatar yogeshhh1207 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

codechamp-s-website's Issues

Animate on Scroll

Modern websites do have AOS or animate on scroll effect, I would love to add this feature to the website. This would make it look as if the site is interactive and is responding to the user as they navigate through.

Also I am open to more contributions to the website and I am willing to contribute to the open source community.

Push Notifications

Push notifications are small, pop-up messages sent to a user's device that appear even when the app isn't open. I am willing to integrate Push Notifications for Chrome & Firefox browser by which you can communicte to users about news, events and annoucements.

If you are interested in adding this feature to your project, I can go ahead and share some of the best notification providers that are available for free and on which I have already worked on.

Will improve the footer

The footer of the website is not looking good on the phone so I can improve the size and UI of it

[IMPROVEMENT] : Links are opening in same tab

Hey in the website when clicking Be a part of us section's any links they are opening in the same tab. If it opens in another tab it'd be great. If you think it's a valid issue feel free to assign me.

rec-screen.13.mp4

feature: Automatically fetch youtube videos from channel

Currently the website need to update whenever a new video is posted on the youtube channel.
I can add the functionaliy using youtubeAPI and little bit of javascript

feature: The latest videos will be uploaded on website automatically. No need to update the website manually

internship section

internship section apply now button should be properly assigned and this line
"For more, check out #internship channnel on our Discord Server"
should have padding ,please assign me this issue

Adding Carousel for the Feedback

@DeveloperAshish8 Hey I have seen the website having carousel for the Feedback , so that people just can click on the right and left arrows to check more feedbacks , we can add some dummy also rn to check the Feature
image

Navigation made easier

When a user enters the Internships/Jobs page and clicks the other nav items, such as Events, Team, Opportunities, they are not redirected directly to the specific section, but rather only to the homepage. I'd like to contribute to this issue, can you please assign it to me as part of Hacktoberfest?

Enable Dark Mode

@DeveloperAshish8 Hey, I would like to add feature of Dark Mode to your website.

Why it is necessary ?

According to stats user's loves to visit website websites which has dark mode as it soothes their eyes.
Believe me your website looks awesome in Dark Mode.😉

Under what label I would like to do this task ?

As this is a very good feature and it enhances beauty of the website, applying the knowledge of colour contrasts I will like to open a pull request for the same on 2nd October under Hacktoberfest label. Please assign me for the same.

Thanks✨

Improving the overall responsiveness on mobile

After using mobile simulator chrome extension on the demo link, I saw that the site needs major improvements on phone screens. Uncentered texts, leftover padding affecting cards and images, displaced buttons and so on. Kindly assign me to put the affairs in order.

Adding a resources page

This will help the community members to stay on the right track, we will take that it would be free.

If agreed please assign it to me once the event gets started, I am participating in HacktoberFest

Collapse menu when user clicks on any menu options

Currently, for mobile devices, when users click on any option from the menu, the application goes to that section but the menu doesn't collapse. It would be better that the menu returns to its place for a better user experience

image

Use browser's theme when loaded

Hi CodeChamp ! I want to add the feature to detect browser's dark/light mode setting on loading and apply it. So that the user would not have to toggle explicitly. I will work on this under Hactoberfest 2022.

SUGGESTION: Improve the way we display internship cards

Description

Hey @DeveloperAshish8 ! Thanks for merging my latest PR ❤️. While I was working on it, I thought of an improvement that other people can contribute to. It's basically improving the way we display internship cards.

Steps

In a script tag in the internships.html file

  • Create an array of objects that contain all of the data for the internship card
    Example:
    image

  • Create a card template
    Example:
    image

  • Loop through the array of internship data and fill in the card template

  • Target the internships-cards container and append each card template to it

Additional context

It doesn't have to be me that implements this. Anyone can do it and it's just a suggestion so that in the future, it would be much easier to edit, add, and remove cards. However, if no one is willing to take this, I'd be more than happy to contribute this 😊.

Improvements in website team member representation

As I have seen on the website, the LinkedIn profile link of every team member is attached below the photo ID. Just wanted to suggest that you can add the GitHub profile of each member as well besides that LinkedIn profile link with the GitHub logo. It will make the website well documented, look cool and also help build a community larger and help contributors like to navigate to GitHub and see good GitHub content. Thanks.

Improving the FAQ accordion

While the accordion is active, the background color turns light blue which messes with the color scheme of the entire page. Kindly assign me to make the colors blend in the css file.

improve contact us section

hey there , i want to improve contact us section as it is not matching with the website theme
and i want to contribute here for hacktoberfest22

Improper view of the Team Members section

Issue: "Our Team Members" section's bottom view is improper. Github link is not visible properly as it can be seen in the screenshot provided below. Also bottom border of the member card is not visible.

@DeveloperAshish8 can you assign me the task(on 30th September) to improve this and present a better user view. I will be opening a pull request for the same on 1st October as the repo is under Hactoberfest tag. Also please assign this issue a Hactoberfest tag.

Screenshot 2022-09-27 at 2 39 22 PM

Improvement in Preloader

The preloader is not displaying correctly.

The duration between home page and internship page is without preloader, you can add here also.

Anyone's who wants to work just comment down

Fix internship page on mobile view and improve internship cards

Description

Internship page needs a quick fix because a part of the footer section in the mobile UI is causing things to overflow. I also want to improve the internship cards by adding a transition to smoothen things out once a user hovers out of the card.

In addition to further improvements in the internship card, what do you think about clamping the about section to 5-6 lines?

Screenshots

  • Footer section in the mobile ui
    image
  • Idea of clamping the about section, it should be similar to this but around 5 lines
    image

Fix bug in README.md

In the later part of this repo's README.md I encountered a bug regarding the GitHub profile link of another contributor. The link attached is https://github.com/DeveloperAshish8/CodeChamp-s-Website/issues/new, which on redirection tells that it doesn't exist. But
https://github.com/DeveloperAshish8 is a valid GitHub profile. You can fix this link issue.

Remove Outdated links for Internships/Jobs Portal

I would like to contribute this part, @DeveloperAshish8 can you please assign this issue to me
More Information:
Some links in Internships and Jobs portal are outdated and not relevant to mentioned positions
should update it with relevant links or remove those cards whose links are not working anymore

Improving Navbar

Improvement in navbar by making it center, providing margin, padding.

image

improve website main part

Screenshot 2022-10-02 at 2 01 26 PM

hey there , i want to make this section more attractive . Please assign me this issue for #hacktoberfest22

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.