Giter Site home page Giter Site logo

agamjotsingh18 / codesetgo Goto Github PK

View Code? Open in Web Editor NEW
76.0 3.0 237.0 12.21 MB

Open Source Website of CodeSetGo

Home Page: https://codesetgo.netlify.app/

License: MIT License

CSS 31.87% JavaScript 14.09% HTML 53.80% Dockerfile 0.24%
hacktoberfest html javascript bootstrap community-website csg css open-source codesetgo gssoc23

codesetgo's Introduction

CodeSetGo👩‍💻👨‍💻

image

Contributions Accepted under GSSoC '23

CodeSetGo is a place for Tech Enthusiasts to learn the latest technology in the comfort and convenience of their homes! It's the community of learners, developers, cryptographers and enthusiastic folks who are engaged toward the brighter future of technology and innovations! The Tech interested students and professionals are all welcomed!

About Us

CodeSetGo is a community made for the students and made by the students. It's a place for Tech Enthusiasts to learn the latest technology in the comfort and convenience of their homes! It's the community of learners, developers, cryptographers and enthusiastic folks who are engaged toward the brighter future of technology and innovations! The Tech interested students and professionals are all welcomed! We provide the best learning experience and the latest trends of the tech world at your doorsteps from the minds of highly qualified industry professionals.

Webinars, Workshops, and Boot Camps

We don't stop at just learning; we actively engage our community through webinars, workshops, and boot camps. These events foster an environment of collaboration, enabling aspiring students and professionals to come together, share ideas, and take their skills to new heights.So JOIN US! and LEARN AND INCREASE YOUR SKILL SET AT EASE!

Join Us in Our Journey

So, here you go! Contribute to the Open Source Website of CodeSetGo Community 🤩 Excited?

 forks  forks  forks

Tech Used

HTML CSS Javascript Bootstrap

Sneak Peek of the Website:

codesetgo_ss

Contribution Guidelines 🏗

Step 1: Find an issue

  • Take a look at the Existing Issues or create your own Issues!
  • Wait for the Issue to be assigned to you after which you can start working on it.
  • Note: Every change in this project should/must have an associated issue.

Step 2: Fork the Project

  • Fork this Repository. This will create a Local Copy of this Repository on your Github Profile. Keep a reference to the original project in the upstream remote.
$ git clone https://github.com/<your-username>/codesetgo-website
$ cd codesetgo-website
$ git remote add upstream https://github.com/agamjotsingh18/codesetgo-website
  • If you have already forked the project, update your copy before working.
$ git remote update
$ git checkout <branch-name>
$ git rebase upstream/<branch-name>

Step 3: Branch

Create a new branch. Use its name to identify the issue you addressing.

# It will create a new branch with the name Branch_Name and switch to that branch 
$ git checkout -b branch_name

Step 4: Work on the issue assigned

  • Work on the issue(s) assigned to you.
  • Add all the files/folders needed.
# To start the server in development mode
$ npm run dev
# To start the server in production mode
$ npm start
  • After you've made changes or made your contribution to the project add changes to the branch you've just created by:
# To add all new files to branch Branch_Name
$ git add.

Step 5: Commit

  • To commit give a descriptive message for the convenience of the reviewer by:
# This message gets associated with all files you have changed
$ git commit -m "message"

Step 6: Push the changes

# To push your work to your remote repository
$ git push -u origin Branch_Name

Step 7: Create a Pull Request

  • Go to your repository in the browser and click on compare and pull request. Then add a title and description to your pull request that explains your contribution.

  • Voila! Your Pull Request has been submitted and will be reviewed by the moderators and merged.🥳

License

License: MIT

Terms and conditions for use, reproduction and distribution are under the MIT License.

Contributors ✨

Thanks goes to these wonderful people :

This project follows the all-contributors specification. Contributions of any kind welcome!


Join us today at CodeSetGo and unlock the door to boundless technological possibilities. Let's learn, create, and shape the future together! 🌟

Back to top

codesetgo's People

Contributors

0xabdulkhalid avatar 1shubham7 avatar abhi200206 avatar agamjotsingh18 avatar akanksha984 avatar anikinee avatar anirban-1490 avatar arka2708 avatar arora-jasjot avatar avinash905 avatar ayushsingh22 avatar c0dewithlokesh avatar chitrakshi2531 avatar dasgupta002 avatar deepeshmlgupta avatar dinesh-07 avatar gulshanjakhon avatar ishita80 avatar narendrakoya999 avatar nishitbaria avatar parasss19 avatar prernadabi23 avatar priyanshusaxena2612 avatar purviporwal1812 avatar shivaniyuvrajyadav avatar shubhangibatra avatar shuddhi-jain avatar subhamb2003 avatar tamannaaaaa avatar vanshsh 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  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  avatar  avatar

codesetgo's Issues

HacktoberFest Button bug

What happened?

1> In mobile view hacktober fest has a bug as shown in the picture
Screenshot 2022-10-05 at 8 29 43 PM

How can we reproduce this bug?

1> Open the Hamburger menu in mobile view

Desktop Information (Optional)

No response

Urgency (Optional)

High priority

Add a new section "Community Nexus" in the website

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

Introduce a new website section titled "Community Nexus" to facilitate student networking and provide a platform for like-minded individuals to interact and gain valuable exposure.

Describe the solution you'd like.

This section will include a Discord server link, enabling users to connect with others who share their interests and expand their network. Recognizing the significance of networking and community in complementing technical skills, a WhatsApp group called "CODESETGO" will also be included alongside the Discord server, ensuring that all users, including those who don't use Discord, have a platform to engage with the community.

Describe alternatives you've considered.

We can achieve this by using HTML, CSS and Bootstrap.

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

No response

DOMException

I just found 2-3 bugs under your project as DOMException, 404 Content could not load and some styling issues.
All these are described below in image.

image

Can I contribute to it ?
I am GSSOC'22 Participant

Title: Include start command in package json file

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

It is an enhancement to build

Describe the solution you'd like.

start`: `node app

Describe alternatives you've considered.

We have to run node app.js

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

No response

Improvising the UI using CSS Grid (Responsive Testimonial Card UI Design)

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

Yes, my feature request is related to a problem. The current testimonial display, while responsive, lacks interactivity and visual feedback for users. Without a hover effect, users may not be aware that the testimonial cards are clickable or interactive elements. By adding a hover effect to the testimonial cards, we can provide a clear visual indication to users that the cards can be interacted with. This enhancement will improve the user experience by making the testimonial section more engaging and intuitive, encouraging users to explore and interact with the testimonials.

Describe the solution you'd like.

I would like to see a hover effect implemented on the testimonial cards. This hover effect should visually indicate to users that the testimonial cards are interactive elements. When hovering over a testimonial card, I envision a subtle but noticeable change in appearance, such as a slight increase in box shadow or a color transition, to provide visual feedback. Additionally, it would be ideal if the hover effect also included a smooth transition to create a polished and user-friendly experience. By adding this hover effect, we can enhance the interactivity and engagement of the testimonial section, improving the overall user interface of the project.

Describe alternatives you've considered.

I have considered a few alternatives for adding interactivity to the testimonial cards. One alternative approach would be to use click events instead of hover effects. Instead of a hover effect, users would click on a testimonial card to trigger an action, such as expanding the testimonial or opening a modal with more details. However, after careful consideration, I believe that a hover effect is more intuitive and provides immediate visual feedback to users, eliminating the need for an additional click action. The hover effect allows users to interact with the testimonial cards effortlessly without the need for explicit instructions or additional clicks. Therefore, I believe implementing a hover effect is the best approach for enhancing the user interface of the project

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

No response

Names in Testimonial section not proper

What happened?

In the testimonials section, the names are not contained in the card and it is looking odd as the names are overflowing.
csg

I am a GSSoC22 contributor. I'd be grateful if you could assign this issue to me.

@agamjotsingh18

How can we reproduce this bug?

.

Desktop Information (Optional)

No response

Urgency (Optional)

Low priority

Improved About Us Section, Removed Unnecessary Comments

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

The about section didn't follow a visual hierarchy, which I have improved with some added CSS effects.

Describe the solution you'd like.

In the about us section, the heading is in the centre while all other headings in the whole web page aren't in the centre, hence the about us heading was out of the format being followed by the whole web page.
Moreover, the italic paragraph makes it hard for any user to read properly, hence making that italic to normal. To add more to it, the line height is very less, which makes the paragraph look clumsy, hence increasing the line height
The services section is having a low contrast on its heading like doubt clearing while the description is having a high contrast, hence fixing that issue.
Please assign me this issue under GSSOC.

Describe alternatives you've considered.

No other alternatives were considered.

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

Before:

prev1

After:

after1

Improving the "About Us" section

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

The "About Us" section would benefit from enhanced CSS styling, improved text formatting, and paraphrasing to enhance its presentation. Additionally, replacing the existing image with a more suitable one is crucial since this section is the initial focal point for users after scrolling.

Describe the solution you'd like.

We can improvise the CSS styling for this section in the website.

Describe alternatives you've considered.

Screenshot (131)

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

No response

Title: Improving the socials button

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

Hey @agamjotsingh18 I want to add the same color palette of the social button which is official. It will look nice on hove. Please assign me this issue. Thank you!

Describe the solution you'd like.

Changing colors of social buttons according to their official colors on hovering over them.

Describe alternatives you've considered.

NA

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

No response

Changing background image

For the Background image, we can add a new image or video that will make the website more attractive and unique
And also we can change the font title and buttons

bg

Can I contribute to it?

Center align image in about us section

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

Improve the UI show by center aligining the Image in the About Us section as shown in the screenshot.

Describe the solution you'd like.

none

Describe alternatives you've considered.

none

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

image

Issue made under GSSoC'22 contributions.

Adding issue forms for the repo

I want to add a few issue Forms so that it will be convenient for new contributors to open issues. I plan to create Bug Report and Feature Request Forms. You can read more about issue forms here

The Bug Report issue form will have the following fields

  • Description of the bug
  • How to Reproduce
  • Expected behavior
  • Urgency indicator
  • Desktop Info (OS, Version, Browser etc):

The Feature Request issue form will have the following fields

  • Is your feature request related to a problem? Please describe.
  • Describe the solution you'd like
  • Describe alternatives you've considered

Timeline- I can complete this task by 3 March

Title: White Background to be removed from logo and About us image

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

The background of the csg logo and about us part need to be changed from white to transparent, i.e; jpg to png, as it is looking bland in dark mode.

Describe the solution you'd like.

Remove the background of the images from the asset folder using either photoshop or any other software/website and link taht file to the index.html file in the respective img tag.

Describe alternatives you've considered.

Only keep white background.

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

Image 4
Image 3

Title: More Mobile Responsive Website

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

Mobile Users need a responsive website. You will lose them if they see bigger text and if they have to scroll a lot.

Describe the solution you'd like.

Your website is already a lot responsive. But, it is not responsive for mobile with under 320px max-width.
So, I have to add responsiveness for that using media queries in CSS.

Describe alternatives you've considered.

I have already checked which media queries need to be updated in order to get a better & enhanced user experience & user interface.

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

Also, your CodeSetGo logo also gets hidden when the device's max-width is less than 300px.
So, I will also correct it while making the website mobile responsive.

PR Template

Creating a pull request template to ensure that the pull request contains all the information and details regarding pr so that it will be easy to review them.

@agamjotsingh18 can you please assign me this ??

Title: Enhancement

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

Reduce the size of the social media icons

Describe the solution you'd like.

I'll like to make those icons more awesome on the website

Describe alternatives you've considered.

You can assign this to me, if you find it reasonable

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

Screenshot_20221004-002422

Fixing Hacktoberfest button ( not visible in day light mode )

What happened?

In dark mode ( visible ✅ )
image

Not visible in Day light mode 🥺
image

How can we reproduce this bug?

I can fix the visibility for day light mode of Hacktoberfest button in nav bar. ✌

please assign this issue to me under hacktoberfest tag

Desktop Information (Optional)

No response

Urgency (Optional)

Medium priority

Title: Form validation and success message missing from contact us form

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

This feature is related to form functionality and experience problem

  • While submitting the contact us form, proper checks for clean and correct inputs are missing
  • Post submission, submission status (success message) is also missing.

Describe the solution you'd like.

  • I am planning to add validation to the contact us form along with a submission message which hides the form and displays a thank you message.

Would love to contribute and get this fixed

Describe alternatives you've considered.

  • An alternative solution is to add a Typeform integration with the website

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

Screenshot 2022-10-06 at 11 11 37 AM

Use proper picture format

What happened?

Screenshot (891)

Here you can see in light mode the picture is looking good as its background matches beautifully with website

Screenshot (892)

But in dark mode its making it contrast and looks bad

How can we reproduce this bug?

It is a minor bug and can be modify easily :)

Desktop Information (Optional)

No response

Urgency (Optional)

No response

Enhance contact us part

What happened?

As the contact us section is not properly managed as I saw the icons were not properly managed.
Screenshot_2023-05-20-01-20-43-39_40deb401b9ffe8e1df2f1cc5ba480b12

How can we reproduce this bug?

I can make it organize well by make icons separated by some space and make it in two rows.

Desktop Information (Optional)

No response

Urgency (Optional)

None

Tweak the home page using animations, neomorphic design and doodles to give a cool outlook!

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

Not as such, but the home page is quite pant, and not attractive. Being just a single page, the page must be designed specifically to give a modern feel.

Describe the solution you'd like.

Me being a UI/UX engineer, would like to use Tailwind CSS, neumorphic design and graphical doodles to markup a cool web interface.

Describe alternatives you've considered.

Any other CSS framework would take a toll on deadlines, but Tailwind is fast, lightweight and easy to work on the go.

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

Myself being a GSSOC '22 contributor would like to work on this issue.

Title: Update readme file to include how to start the server in production and dev mode

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

As part of #68, I have added start and dev script in package JSON file

Describe the solution you'd like.

This helps the future contributor to start to pitch in.

Describe alternatives you've considered.

This helps the future contributor to start to pitch in.

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

No response

Fixing Testtimonials cards

Please assign me this issue under GSSOC23
I will be fixing card issue , the text and the image are overflowing from the testimonials card.

image

Add a footer to hacktoberfest.html

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

with a footer hacktoberfest.html will look nice in my opinion

Describe the solution you'd like.

add a footer section in hacktoberfest.html and style it with css

Describe alternatives you've considered.

nil

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

please assign me this issue thank you

Title: Improve Footer section

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

I want to improve the footer.

Describe the solution you'd like.

I'd like to add some useful links & socials on the footer section itself.

Describe alternatives you've considered.

.

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

No response

Adding "Join Us" button to navigation bar.

It will be easy for people to click on "Join Us" button( get redirected to registration form)from navigation bar rather than everytime going to the top of the website.

adding a cool fotter and changing the ux to do better

What happened?

i seems like ui reponsive is delay i will fix that and improve the ui and ux and with a cool fotter

How can we reproduce this bug?

just different the website alignments and create hook ok each pages

Desktop Information (Optional)

No response

Urgency (Optional)

High priority

Title: enquiry form

I want to create a enquiry form like below image in contact us section which will send its content to codesetgo's email.
@agamjotsingh18 Can you please assign me this issue

WhatsApp Image 2022-04-02 at 8 41 39 PM

the form will be in this section
WhatsApp Image 2022-04-02 at 9 00 49 PM

Title: improve the design for hacktoberfest page

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

there is very little space between the repository boxes .

Describe the solution you'd like.

we can add some animation to it when it will hovers. also, we can reduce the space it will make it better UI for hacktoberfest page

Describe alternatives you've considered.

we can add animation for smooth rendering of boxes .

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

please assign it to me

image

Broken Link

What happened?

Ig link is broken

How can we reproduce this bug?

change the link

Desktop Information (Optional)

Screenshot from 2023-05-20 00-35-36

Urgency (Optional)

None

Found Bugs in current website

I just found 2-3 bugs under your project as DOMException, 404 Content could not load and some styling issues. I am GSSOC'22 Participant

All these are described below in image.

bug

Can I contribute to it ?
Can complete it by tomorrow...

Adding README.md

@agamjotsingh18 I want to make the Readme documentation which wil include-

  • overview of project
  • screenshot of project
  • tech used
  • Contributing Guidelines

Could you please assign this issue to me?

Optimising the code and files

What happened?

I observed there are all comments and useless code from templete. We can delete it. It will make the code optimised. Unnecessary CSS and JS can also be deleted.

Similarly, The vendor files contain older versions. Instead of these, we can use CDN. It will not only shrink the size of code but also update the versions of technologies used.

I am GSSOC'22 Participant and want to contribute more to this project.

How can we reproduce this bug?

Deleting commented codes of sections that are not in webiste.
Deleting their CSS also
Deleting vendor files.
Replacing Vendor files with CDNs
Deleting unused images and other files.

Desktop Information (Optional)

No response

Urgency (Optional)

Medium priority

Create Dark/Light Mode Toggle

What to do?
Develop a Clickable button to toggle between dark and light mode for this single paged website.

Reference

DarkModeToggle
.

Hacktoberfest section doesn't works in normal theme

What happened?

The repositories text not appearing in white theme and hacktoberfest text on navbar should be white.
image

How can we reproduce this bug?

NA

Desktop Information (Optional)

No response

Urgency (Optional)

No response

Website link is not qorking

What happened?

Website link in readme section is not working

How can we reproduce this bug?

We can make the link work by adding the correct link of the website

Desktop Information (Optional)

No response

Urgency (Optional)

None

Making contact us section

Instead of making google forms we can make our own contact us section which will send the filled in information to codesetgo's mail.

Can you please assign me this issue so I can work on this

Title: Adding a dark theme

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

adding a dark theme button that will change the website from light theme to dark theme.
also i will try to add a option where users can select website colors , kind of like how twitter works

Describe the solution you'd like.

using js this is possible

Describe alternatives you've considered.

nothing

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

Kind of like this i think

Opera Snapshot_2022-04-03_161654_twitter com

Name of people in testimonial section is out of box

What happened?

As you can see when you go to testimonial section there were some people names which is coming out of box, which is looking inappropriate. Kindly assign me this task to remove the bug.

How can we reproduce this bug?

Go to Testimonial section
after that observe some people name is out of cards

Desktop Information (Optional)

OS- windows
browser- Chrome

CodeSetGo - Google Chrome 27-07-2022 03_23_23

Urgency (Optional)

Medium priority

Improve Contact us Section

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

The contact us section looks simple and plain.

Describe the solution you'd like.

Add some images or a new design to make it more interactive like the website's other components.

Describe alternatives you've considered.

We can also add some answers to the questions and queries of the users they may face while using the website and make a section for it below the contact us page.

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

Screenshot from 2023-05-20 00-45-46

Adding a new section of "Tech Buzz: Upcoming Events Edition"

I would like to work on this issue, please assign this issue to me.

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

Often, students who are learning to code frequently overlook numerous vital tech-related events that could greatly enhance their tech careers. This is primarily due to a lack of information or guidance.

Describe the solution you'd like.

Introducing "Tech Buzz: Upcoming Events Edition" - a dedicated section on our website where you can stay informed about the most anticipated tech events. Explore a comprehensive list of major upcoming events scheduled for the ongoing month, and rest assured that it will be regularly updated every month. From GSSoC'23 and Hacktoberfest to renowned tech conferences, meetups and more, we can help students stay on top of everything!. Simply browsing through the listings and clicking on the "Know More" button will redirect the user to related websites for each event. This will help students to stay connected and stay ahead of the curve with the latest tech happenings!

Describe alternatives you've considered.

To implement the "Tech Buzz: Upcoming Events Edition" section on the website, we can adopt a static list approach. This entails manually incorporating the details of upcoming events directly into the website's HTML or JavaScript code on a monthly basis. By doing so, we can ensure that all the major and necessary tech events scheduled for each month are included in the section.

Title: UI changes in Slider and Call for Speaker Section

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

The slider section's images are too light to see the text written over it, and the call for speaker button hover state is not good.
1
Also, the hover state for the call for speaker button is not good.
2

Describe the solution you'd like.

I have changed the images for the slider background and made the background colour for the slider a little darker so that the user can read the text easily, which also makes the slider look more professional.
3
The new hover state for the call for speaker button:
4

Describe alternatives you've considered.

None

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

None

Title: Improve ScrollBar

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

The scrollbar is really basic and doesn't match with the style of the overall website.

Describe the solution you'd like.

Would like to create a custom ScrollBar which would make the page look better.

Describe alternatives you've considered.

None.

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

issuen

Title: Make a section for HacktoberFest

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

NA

Describe the solution you'd like.

You can add a section for HacktoberFest with projects listed in that section which will redirect them directly to their repositories.

Describe alternatives you've considered.

NA

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

No response

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.