GithubHelp home page GithubHelp logo

mirrorfolio / menteor Goto Github PK

View Code? Open in Web Editor NEW
7.0 0.0 6.0 378 KB

A platform in the rise for on demand mentorship for self-paced skill development with a waiting list exceeding 100+ members

Home Page: https://www.menteor.space

CSS 3.23% TypeScript 96.50% JavaScript 0.27%
buildinpublic mentorship saas tailwindcss typescript vercel

menteor's People

Stargazers

 avatar  avatar

menteor's Issues

Add select input with a search box

Issue Description

In the file app\join-waiting-list\page.tsx, we are currently using a selectbox. However, we need to implement a more responsive solution similar to the responsive combobox from Shadcn. This requires refactoring to integrate it as a standard UI component, consistent with our existing form components and in harmony with our theme.

Acceptance Criteria

  • The component should be reusable like existing form inputs and must accept dynamic values and style classes.
  • The component should adhere to the website's theme colours and styles.
  • The component should include filtering, searching, and an optional input field if the given list is not available.
  • If a user types something that's not in the enum list, the 'other' option should be filtered and selectable.
  • If the user selects 'other', another input field should become visible to enter the value.

Expected UI sample (sample only needs necessary changes as in AC)

image

Current UI

image

Instructions

Before starting development, please follow these steps:

  1. Create a branch on your local machine with the name of the token.
  2. Ensure that you're working on this branch for the duration of the development process.

Best Practices for Open Source Contribution:

  1. Read the Contribution Guidelines: Familiarise yourself with the project's contribution guidelines. These guidelines usually outline how to contribute, coding standards, and other important information.

  2. Understand the Project: Take the time to understand the project's goals, architecture, and existing codebase before making any contributions. This ensures that your contributions align with the project's objectives.

  3. Follow Coding Standards: Adhere to the coding style and standards established by the project. Consistent coding style makes it easier for others to read and maintain the code.

  4. Document Your Code: Provide clear and concise comments within your code to explain its purpose, functionality, and any important considerations. Good documentation makes it easier for other developers to understand and use your code.

  5. Test Your Changes: Thoroughly test your changes to ensure they work as intended and do not introduce any regressions. Write unit tests whenever possible to automate the testing process and increase confidence in your changes.

  6. Keep Your Pull Requests Small and Focused: Break your changes into smaller, focused pull requests rather than large, monolithic ones. This makes it easier for maintainers to review your code and for other contributors to understand the changes.

  7. Be Responsive to Feedback: Be open to feedback and constructive criticism from maintainers and other contributors. Address any feedback promptly and be willing to make necessary adjustments to your code.

  8. Be Patient and Respectful: Open source projects often have diverse communities with different perspectives and priorities. Be patient and respectful when discussing ideas or providing feedback, and always assume good intentions from other contributors.

  9. Contribute Positively: Contribute to a positive and inclusive community by being supportive of others, encouraging collaboration, and fostering a welcoming environment for all contributors.

  10. Celebrate Your Contributions: Your contributions, no matter how small, are valuable to the project. Celebrate your achievements and the contributions of others to build a positive and thriving open source community.

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.