Giter Club home page Giter Club logo

opencodeera's Introduction

OpenCODE-Homepage

This repository contains the files of the homepage at https://opencodeera.pages.dev/. It uses HTML, CSS, Javascript and a couple of google fonts. image

Stats

License: MIT GitHub forks GitHub stars GitHub issues GitHub pull-requests GitHub pull-requests GitHub Contributors PRs Welcome

You can contribute to this project under Hacktoberfest 2023 โœจ

Hacktoberfest Banner

Project maintainers

Adarsh Rawat

How to contribute? ๐Ÿง

We recommend you to go through the CONTRIBUTING.md file, where we have guided you step by step to make your contribution.

Once the pull request is merged, it will start counting toward your Hacktoberfest progress.

Thanks to all contributors โค

opencodeera's People

Contributors

adarshrawat1 avatar adonai-technologies avatar alucard017 avatar anasali30 avatar ani-netizen avatar awanishyadav967 avatar coderkhu avatar codetorso avatar kamalkoranga avatar lokesh-mv avatar maheshsemwal avatar officialhemant511 avatar paul-annay avatar rakeshrk6 avatar raya679 avatar ritik-bhasarkar avatar semicile17 avatar taejin101 avatar tarunnayakar avatar vanshajgupta37 avatar vijay-gunwant avatar virtual4087 avatar yr1404 avatar

Stargazers

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

Watchers

 avatar  avatar

opencodeera's Issues

Resume Feature

Adding button for resume

On clicking this button anyone can download your resume and contact with you....
I think this change should be implemented.....

A pop-up telling user that our contact us service is currently inactive.

This is second part of issue #24

I have already submitted PR of #24.

Now the input entered by the user remains in the user Local Storage.

We tell the user with a pop up that our contact us page is currently inactive.

try contacting through our socials. Don't worry your input will remain there for future communication

[BUG]Our team link does not work properly

Currently the our-team link at us not working properly I would like to work and build this entire page within the next 2-3 days. Please assign me this.
For this I would require details of the persons in a specific format that will share soon.

[BUG ๐Ÿž] <Team Section>

Description

Again found a bug, where from the team section, if we click the projects section, it redirects the set of repos of the OpenCodeEra, instead of just redirecting to projects.

[BUG ๐Ÿž] <About Section>

Description

While going to team section, we are unable to return back to about section.
@s-dabral Please assign me this issue under Hacktober Fest.
I'll complete asap.

[BUG] Revamp the footer.

Describe the bug
We can remove the projects and our team section for now from footer.
Screenshots
image

Expected behavior
Remove the Support section completely by

  • Moving our team section to header
  • Removing the projects section

Related to - #13

[BUG ๐Ÿž] Make the Navbar Responsive

Description

Issue Title: Make the Navbar Responsive on Mobile Devices

Issue Description:

I intend to contribute to this project repo and open this issue to address the need for a responsive navbar, specifically on mobile devices. A responsive navbar is essential to ensure a seamless and user-friendly navigation experience for mobile users.

Contributions:

My contributions to the project will include:

  • Implementing responsive design principles to adapt the navbar for mobile devices.
  • Ensuring that the navbar remains accessible and functional on small screens.
  • Organizing the navigation menu to provide an optimal user experience for mobile users.

Rationale:

A responsive navbar on mobile devices is important for the following reasons:

Enhanced Mobile User Experience:

With a growing number of users accessing websites on mobile devices, a responsive navbar is crucial to provide them with a smooth and accessible navigation experience.

Improved Accessibility:

A responsive design ensures that the navbar and its contents are easy to interact with on smaller screens, making the project more inclusive.

Attachments

image

Additional Information (if available):

If there are specific design preferences, navigation requirements, or any guidelines for implementing the responsive navbar, please provide them to help align the project with your vision.

Please consider this issue as my commitment to contribute to the project by making the navbar responsive for mobile devices.

feature: more interactive nav link

I have this cool nav link idea.

I could improve it for you.

my plan is to bring the nav link little bit down and after the user moves little bit down the nav link will go up and display will then turn sticky and the background of nav-link should have alpha value 80. That is they should have 50% transparency and their size should also be reduced somewhat to give a larger space for much of the website.

[BUG] Change the services nav bar button to projects.

Describe the bug

Open code ear is a community of developers, and we have few projects that we can list in our website.
As of now we don't have any active services. They are projects, so we can rename the services button to "projects".

This requires #6 to be solved first, but till then we'll simply use the list of repositories on GitHub.
link to list of repositories - https://github.com/orgs/OpenCodeEra/repositories

Expected behavior

"Projects" section points to the repositories in organization.

[BUG ๐Ÿž] <Twitter and Instagram logo>

Description

Issue Description:
In the footer section,
On clicking the Instagram or the twitter logo, it lands on the homepage of the website itself. This can be misleading.

2023-10-23_21-59-59-816.mp4

Proposed changes:
An ideal solution to this would be providing the Instagram and twitter link. Incase, the links are not present, removing the 2 logos altogether.

[Feature Request] Styling of the user-input form

272084270-fc2fbffe-6f46-491d-9a2e-cf3b172084de

The user input form on the right hand side in the attached screenshot is very basic in style.
Please assign this issue to me under label of Hacktoberfest, will re-style it and raise the PR.

[Feature] UI/UX styling fixes in "Contact us" section.

We should make some adjustments to the contact us section. (styling for better UI)
image

Describe the solution you'd like

  • change the color of the "Contact Us" heading to white. ( we can also change the heading to - "Get in Touch!")
  • increase the font size
  • align the form labels and text to left

Feel free to drop your suggestions as well.

[Improvement] Consistency in design

Describe the bug

We can make the header and footer consistent by using the same coloring scheme.

Header

image

Footer

image

Solution -

Change the color of "code" to white in Open Code Era in footer.

[BUG ๐Ÿž] Footer Link Cursor Issue: Default Cursor Instead of Pointer

Description

Issue Description:
In the project's footer, there is a cursor-related usability issue. When hovering over the link in the footer, it currently displays the default cursor (usually an arrow), which may not intuitively convey that it's a clickable link to users. To improve user experience and accessibility, it's advisable to change the cursor to the pointer cursor (usually a hand) to indicate its clickability.

Steps to Reproduce:

  1. Navigate to the project's website.
  2. Scroll down to the footer section.
  3. Hover over the link in the footer.

Expected Behavior:
When hovering over the link in the footer, the cursor should change to the pointer cursor, indicating that it's a clickable link.

Actual Behavior:
The cursor remains as the default arrow cursor when hovering over the link.

Additional Information:
Please consider making this change to improve the overall user experience.
Adding the pointer cursor will make it more intuitive for users to identify clickable links.
This change aligns with best practices for web usability.

Suggested Solution:
I suggest modifying the CSS for the footer link to include the following style:
cursor: pointer

Screenshot 2023-10-02 at 5 59 45 PM

[BUG ๐Ÿž] <team section>

Description

Here the main thing is, that after going to the team section, we can't redirect to the FAQ section directly, also it redirects to the homepage only whatever you do. I am opening this issue to debug this bug here.

[Feature Request] Submit Button h

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

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

Redesigning the footer

I would like to redesign the footer completely from scratch which includes the Social links, Contact details and more. So assign me this issue so that I could work on it and make it more better

[BUG ๐Ÿž] <Team section>

Description

The team members profile needed to be aligned.
Screenshot (98)
members profile needed to be aligned.

Please assign me this task.
Also add hacktober fest label

fix : navbr spacing issue

Description

I think there is an issue with the spacing of the navbar at the top of the page. I would like to contribute here by fixing the spacing issue in accordance with Hacktoberfest !

image

[BUG]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

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

Desktop (please complete the following information):

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

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

[BUG ๐Ÿž] Improve FAQ Accordion Interaction for Enhanced User Experience

Description

Issue Title: Improve FAQ Accordion Interaction for Enhanced User Experience

Issue Description:

I am eager to contribute and have created this issue to address a specific concern related to the FAQ accordion component. Currently, the accordion opens only when the small toggle button is clicked, which can impact user experience. I aim to enhance the interaction by making it possible to open the accordion by clicking on the question itself. Additionally, I intend to simplify the code for this feature.

Proposed Changes:

My contributions to the project will include the following:

  • Modify the FAQ accordion interaction to open when a user clicks on the question text.
  • Ensure a simplified and clean code implementation for this interaction change.

Rationale:

Improving the FAQ accordion interaction is essential for the following reasons:

Enhanced Usability:

Allowing users to open the accordion by clicking on the question text provides a more intuitive and user-friendly experience.

Code Simplification:

Simplifying the code ensures that the project remains maintainable and clean, contributing to its long-term health.

Attachments

image

Additional Information (if available):

If there are specific guidelines or preferences regarding code simplification or interaction changes, please provide them to help ensure that the proposed changes align with the project's goals.

Please consider this issue as my commitment to contribute to the project by enhancing the FAQ accordion interaction for an improved user experience.

[BUG ๐Ÿž] <FAQ Section>

Description

When going to FAQ from teams page it goes to "About" page instead of "FAQ" page.
@s-dabral, please assign me this issue under Hacktober Fest.
I'll complete asap.

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.