Coder Social home page Coder Social logo

kirklin / celeris-web Goto Github PK

View Code? Open in Web Editor NEW
340.0 7.0 52.0 2.81 MB

Celeris Web is a highly performant and customizable front-end development template built with Vue 3, Vite, and TypeScript. It features the latest syntax, components and APIs auto importing, state management, Chinese font presets, internationalization, and integration with OpenAI's ChatGPT API.

Home Page: https://celeris-web.vercel.app/

License: MIT License

Shell 0.05% Dockerfile 0.07% HTML 0.58% Vue 31.49% TypeScript 66.96% CSS 0.75% JavaScript 0.09%
admin admin-dashboard naive-ui typescript vite vue chatgpt i18n

celeris-web's Introduction

Hello there! 👋🏻 I am Kirk Lin ! Meaow

Visitors

In the vast realm of technology, where innovation intertwines with unyielding pursuit, I, Kirk Lin, as a full-stack engineer, stand poised at the forefront. With ardor for advancement and a relentless spirit, I dedicate myself to constructing and refining the digital sphere. Firmly do I believe in the power of technology to propel societal progression, wherein each line of code constitutes a cornerstone of such advancement. In this epoch woven of data and algorithms, I am both creator and disciple, ceaselessly probing the fusion of commercial insight, philosophical rumination, and technical prowess to birth valuable artifacts.

My odyssey commenced with a fervent love for computer science, a passion that steered me into the depths of comprehensive learning, mastering the spectrum from front-end to back-end technologies. Enamored with comprehending user exigencies, I craft interfaces that marry aesthetics with utility, while ensuring backend logic remains efficient and robust. Beyond mere functional implementation, I pursue the zenith of user experience. For, in my estimation, each triumphant project emerges from unwavering pursuit of detail and relentless exploration of perfection.

In the realm of commerce, I embrace the methodology of diverse thought models, encouraging me to transcend disciplinary bounds, integrating knowledge from diverse domains to solve quandaries. I not only monitor technological evolution but delve into principles of economics, psychology, and philosophy, fostering a holistic perspective. Such interdisciplinary cogitation aids me in formulating incisive and efficacious strategies when confronting complex quandaries.

My thirst for knowledge stems from an inexhaustible curiosity about the world. I am keenly aware that every grand invention and innovation rests upon a solid foundation of knowledge. Thus, I continually expand my intellectual frontiers through reading, online courses, and practical projects to acquire proficiency in novel programming languages and frameworks. I hold faith in learning as an endless voyage, each endeavor a step towards self-betterment.

Whilst pursuing personal growth, I remain cognizant of my duty to society. I contend that technology ought to serve humanity, aiding in the resolution of real-world predicaments. Hence, I engage in various societal initiatives, leveraging my technical acumen to support non-profit organizations, facilitating their endeavors to effect societal change. Such experiences have elucidated that the power of technology lies not solely in birthing new products but also in effecting societal metamorphosis.

In my leisure time, I am fervent about photography, capturing the fleeting moments of beauty that the world has to offer through the lens of my camera. This not only hones my observational skills but also allows me to appreciate life from various perspectives. My later-found love for "Dream of the Red Chamber" has profoundly shifted my perspective; literature has taught me to set aside judgmental views, embracing a more tolerant and understanding approach towards the choices and destinies of each character. "Dream of the Red Chamber" has made me realize that everyone has their own story, and behind every decision lies a tapestry of complex emotions and motivations. These hobbies have not only enriched my life but also provided me with a wealth of new inspiration and creativity.

Upon the path ahead, I shall persist in my ethos of innovation, diverse cogitation, and lifelong learning, ceaselessly exploring and challenging myself. I shall continue to seek inspiration at the juncture of technology, commerce, and philosophy, birthing products and services capable of reshaping the world. I hold faith that through perpetual learning and practice, I can contribute my share to this ever-evolving world and, alongside kindred spirits, coalesce in fashioning a brighter future.

作为一名全栈开发工程师,我站在技术的前沿,以创新的精神和不懈的追求,致力于构建和完善数字世界。我深信,技术的力量能够推动社会的进步,而代码的每一行,都是构建这一进步的基石。在这个由数据和算法编织的时代,我既是创造者,也是学习者,不断探索如何将商业洞察、哲学思考与技术实践相结合,以创造出有价值的产品。

我的旅程始于对计算机科学的热爱,这一热情引领我深入学习,掌握了从前端到后端的全栈技术。我热衷于理解用户需求,设计出既美观又实用的界面,同时确保后端逻辑的高效与稳定。我追求的不仅仅是功能的实现,更是用户体验的极致。在我看来,每一个成功的项目,都是对细节的不懈追求和对完美的不断探索的结果。

在商业领域,我采纳了多元思维模型的方法,这种方法鼓励我跨越学科的界限,整合不同领域的知识来解决问题。我不仅关注技术的发展,也深入研究经济学、心理学和哲学等领域的原理,以形成全面的视角。这种跨学科的思维方式帮助我在面对复杂问题时,能够提出独到而有效的策略。

我对知识的渴望源自于对世界无尽的好奇。我深知,每一个伟大的发明和创新都建立在坚实的知识基础之上。因此,我不断地扩展我的知识边界,通过阅读、在线课程和实践项目来学习新的编程语言和技术框架。我相信,学习是一个永无止境的过程,每一次学习都是对自我能力的一次提升。

在追求个人成长的同时,我也不忘对社会的贡献。我相信,技术应该服务于社会,帮助解决现实世界的问题。因此,我参与了多个社会项目,利用我的技术知识为非营利组织提供支持,帮助他们更有效地实现社会影响。这些经历让我意识到,技术的力量不仅仅在于创造新产品,更在于它能够带来的社会变革。

业余时间,我热衷于摄影,通过镜头捕捉世界的瞬间美好,从不同角度欣赏生活。后来爱上了《红楼梦》,文学带给我最大的变化是:我学会了放下批判的眼光,转而以一种更加宽容和理解的心态去看待每一个人物的选择和命运。《红楼梦》让我认识到,每个人都有自己的故事,每个选择背后都有其复杂的情感和动机。这些爱好丰富了我的生活,也为我带来了新的灵感和创造力。

在未来的道路上,我将继续以创新精神、多元思维和终身学习的态度,不断探索和挑战自我。我将继续在技术、商业和哲学的交汇处寻找灵感,创造出能够改变世界的产品和服务。我相信,通过不断的学习和实践,我能够为这个不断变化的世界贡献我的力量,并与志同道合的人们一起,共同创造一个更加美好的未来。

GIF

  • 💼 any freelance work? do reach :)
  • 💬 ask me about anything, I am happy to help
  • 💼 有自由职业工作需求或者兼职请随时联系我 :)
  • 💬 有任何问题,请随时向我提问,我乐意帮助

languages and tools:


if you like what i do, maybe consider buying me a book 🥺

Buy Me A Coffee

如果您喜欢我的工作,也许可以考虑给我买一本书 🥺
爱发电

celeris-web's People

Contributors

jianjroh avatar kirklin 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  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  avatar  avatar  avatar

celeris-web's Issues

Integration of AIGC-Related Features into Monorepo as a New Package

Clear and concise description of the problem

We aim to add a new package within our Monorepo, consolidating functionalities related to AIGC (Artificial Intelligence for General Chatbots). This package should be analogous to existing packages like gpt-tokenizer and openai. The goal is to streamline the management of features associated with ChatGPT, enhancing the interactivity of our application. If you plan to submit a pull request for this matter, please indicate it in the description. Thank you!

Suggested solution

In the new module, let's call it aigc-module, we propose the following implementation:

Develop a wrapper or interface facilitating easy integration with AIGC-related functionalities.
Implement methods for sending user inputs and receiving model-generated responses.
Ensure secure management of API keys, providing configurable options for users.
This module should encompass all features related to AIGC, making it more straightforward for developers to integrate and maintain within the Monorepo.

Alternative

No response

Additional context

No response

选中页眉下面的文字,左边会闪出滚动条

Describe the bug

8378A885-9F40-40e3-B228-914F28EB04BE
选中图片中的位置,页面左边会闪一下滚动条

Reproduction

[email protected]

System Info

不应该闪出滚动条

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

VSCode not Recognizing ESLint Flat Configuration

Description:

When using VSCode with a loaded project, there is an issue where it fails to recognize ESLint's flat configuration.

Steps to Reproduce:

  • Open VSCode.
  • Load the project.
  • Observe that VSCode does not correctly recognize ESLint's flat configuration.

Expected Behavior:

VSCode should accurately detect and apply ESLint's flat configuration.

Additional Information:

Upon investigation, it seems that the issue may be related to the VSCode configuration settings. Ensure that the latest flat configuration is enabled in the VSCode settings.

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 4.64 GB / 15.86 GB
  Binaries:
    Node: 16.17.1 - D:\Dowlond\nodejs\node.EXE
    Yarn: 1.22.18 - C:\Program Files\nodejs\node_global\yarn.CMD
    npm: 8.15.0 - D:\Dowlond\nodejs\npm.CMD
    pnpm: 8.15.0 - ~\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Edge: Chromium (121.0.2277.98)
    Internet Explorer: 11.0.19041.3636

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

关于初体验的一些建议

Clear and concise description of the problem

总结:这是一个很棒的项目

有一些建议仅供参考:
1、asiderbar太宽了,目测可以减少1/3以上
2、这个仓库里面了包含了很多其它的node服务,看起来有些臃肿,是否能拆分开来。

暂时这些,后面再反馈。

Suggested solution

如上

Alternative

No response

Additional context

No response

Validations

where are openai?

Describe the bug

only in annotation

Reproduction

only in annotation

System Info

only in annotation

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Refactor Redundant Settings Hooks in Composables Folder

Clear and concise description of the problem

I would like to propose a refactoring of the composables folder's settings hooks as I believe they currently contain redundant code.
In the composables folder, there are multiple setting hooks that appear to have similar functionality and may be redundant. This redundancy can make the codebase harder to maintain and extend.

Suggested solution

I propose refactoring the composables in the settings folder to streamline and eliminate redundancy.

Alternative

One alternative solution would be to leave the code as it is. However, this may lead to ongoing maintenance challenges and increased complexity over time.

Additional context

No response

Validations

Mobile Layout Bug

Describe the bug

The mobile layout is experiencing issues, with elements appearing misaligned or behaving unexpectedly. This affects the overall user experience on mobile devices.

Reproduction

https://celeris-web.vercel.app/#/dashboard/index

System Info

-

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Bug: Unable to Persist Themes Properly - Possible Issue with Pinia Initialization

Describe the bug

Current Behavior:
当前行为:

Themes are not persisting as expected when using Pinia in the project. The problem seems to be related to the Pinia initialization process.

在项目中使用Pinia时,主题不能按预期持久化。问题似乎与Pinia的初始化过程有关。

Expected Behavior:
预期行为:

Themes should persist properly and be accessible throughout the application, even when used before Pinia is installed.

主题应该正确持久化,并在整个应用程序中可访问,即使在安装Pinia之前使用也是如此。

Steps to Reproduce:
重现步骤:

Install and set up Pinia in a project.
在项目中安装并设置Pinia。

Create a theme and set it using Pinia.
创建一个主题并使用Pinia进行设置。

Attempt to access the theme in a component or module that uses Pinia before Pinia is installed (e.g., using pinia.use before calling app.use(pinia)).
尝试在使用Pinia之前访问主题的组件或模块中(例如,在调用app.use(pinia)之前使用pinia.use)。

Code Snippet:
代码片段:

// Pinia Initialization
// Pinia 初始化
export function createPinia(): Pinia {
  // ...
  let _p: Pinia['_p'] = [];
  let toBeInstalled: PiniaPlugin[] = [];
  // ...

  const pinia: Pinia = markRaw({
    install(app: App) {
      setActivePinia(pinia);
      if (!isVue2) {
        // ...
        toBeInstalled.forEach((plugin) => _p.push(plugin));
        toBeInstalled = [];
      }
    },
    use(plugin) {
      if (!this._a && !isVue2) {
        toBeInstalled.push(plugin);
      } else {
        _p.push(plugin);
      }
      return this;
    },
    // ...
  });
  // ...
}

Additional Information:
附加信息:

It seems that when using Pinia before it is installed, the theme-related plugins are not properly added to the _p list, causing themes to not persist correctly. This issue may affect other functionalities that rely on plugins being correctly initialized during Pinia setup.

似乎在Pinia安装之前使用时,与主题相关的插件未正确添加到 _p 列表中,导致主题不能正确持久化。该问题可能会影响依赖于正确初始化插件的其他功能的运行,这在Pinia设置过程中可能会发生。

Potential Solution:
潜在解决方案:

One possible solution is to ensure that the necessary plugins are correctly added to the _p list, even when using Pinia before its installation. This might involve modifying the use method or the initialization process to handle scenarios where plugins are used before Pinia is installed.

一个可能的解决方案是确保在在Pinia安装之前使用时正确地将必要的插件添加到 _p 列表中。这可能涉及修改 use 方法或初始化过程,以处理在安装Pinia之前使用插件的情况。

Please investigate and address this issue to ensure proper theme persistence in projects using Pinia. Let me know if you need any additional information or assistance in resolving this problem.

Reproduction

System Info

-

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Integrate Rich Text Editor for Enhanced Content Editing

Clear and concise description of the problem

We want to introduce a rich text editor within our application so that users can enjoy a more versatile and intuitive editing experience. This enhancement will provide a range of formatting options, including text styling, image embedding, video integration, and more. The goal is to empower users to create more engaging and dynamic content effortlessly. If you intend to submit a pull request for this issue, please indicate your interest in the description. Thanks!

Suggested solution

we propose integrating a rich text editor such as editor.js. This editor.js implementation will allow users to seamlessly edit and manage text, images, videos, and other multimedia elements. By incorporating this feature, we aim to enhance the overall content creation process, making it more user-friendly and enjoyable.

Alternative

We have considered other solutions, but a rich text editor like editor.js stands out due to its simplicity, extensibility, and wide range of supported features. Alternatives were evaluated based on their compatibility with our existing system and their ability to provide a comprehensive editing experience.

Additional context

The addition of a rich text editor will greatly benefit our users by providing a more dynamic and interactive content creation platform. This is particularly useful for scenarios where users need to convey information in a visually appealing manner, incorporating multimedia elements to enhance engagement. The proposed feature aligns with current industry standards and user expectations for modern content editing experiences. Any feedback or suggestions on this feature request are welcome.

Validations

Headless table pagination infinite loop bug

Bug description:

After selecting the pagination component in the provided repository, the application becomes unresponsive.

Reproduction steps:

Reproduction

https://celeris-web.vercel.app/#/components/headlessTable/pagination

System Info

System:
    OS: macOS 13.5
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 578.73 MB / 64.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.2.0 - ~/.nvm/versions/node/v20.2.0/bin/node
    npm: 9.6.6 - ~/.nvm/versions/node/v20.2.0/bin/npm
    pnpm: 8.10.5 - ~/.nvm/versions/node/v20.2.0/bin/pnpm
    bun: 1.0.3 - ~/.nvm/versions/node/v20.2.0/bin/bun
  Browsers:
    Chrome: 120.0.6099.234
    Safari: 16.6

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

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.