Coder Social home page Coder Social logo

elixir_website's People

Contributors

arjunomray avatar briheet avatar code081 avatar dewank07 avatar dragon-slayer875 avatar imgbot[bot] avatar sh4d0wy avatar shrutirthr29 avatar vandit1604 avatar vashukashyap avatar vidhijain27 avatar y4sh1k4 avatar

Watchers

 avatar

elixir_website's Issues

Mobile nav menu compromising site accessibility

Current Behavior:
The mobile nav menu as it currently stands doesn't provide a very pleasant and easy on the eyes, viewing experience.

Expected Behavior:
There needs to be more white space between entries and the menu items themselves need to be bigger to allow for better and easier navigation on the small screens of mobile devices.
Perhaps a color contrasting to the background of the site can also be used to for an even better viewing experience.

image

Hero section tablet component is not responsive

The hero section's tablet component does not look good on mobile devices.

image

The component thus needs some style enhancements to improve the site's overall responsiveness and the components overall usability.
Besides, a suitable different component can also be chosen to replace the tablet if the team deems it so.

The Search Functionality in the Mentorship page has Flaws

Description

When i searched Java ( Please input with Java as in J -> capital ) i can see the Mentor.
2024-02-29-02:55:03-screenshot
which is totally ridiculus as in why would someone search if he can just click on the button and view it.

Still it made sense but when i search java ( Please input with java as in j -> small) i cannot see java mentor.
2024-02-29-02:57:37-screenshot
which is required as some people would not pay attention while input checking if they are following some norm.

The third thing
2024-02-29-02:59:13-screenshot
the text box text say search mentor so if i enter a mentors name i am not able to see the mentor card.
2024-02-29-03:01:25-screenshot
Need some changes

Proposed Changes

Probably you can copy the api values in 2 data structure with the help of one you could display on cards and with the help of another you could enhance the functionality by making it lowercase and some string searching algorithm.

Navbar not sticky

The navbar doesn't currently stick to the top of the viewport, thus preventing anyone from accessing it when scrolling the page besides the hero section.

Navbar inconsistent with site theme

The navbar in dark mode doesn't change to a light color, unlike the navbar in light mode which changes to a contrasting color to allow for better accessibility and aesthetics.
image
image

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.