Project Icon

adeviento-web

Python开发的复古风格编程礼物倒数日历

adeviento-web是一个基于Python和Reflex框架的开源前端项目,为开发者提供了一个特色的编程礼物倒数日历。项目采用NES.css呈现复古像素风格,每天进行与编程相关的礼物抽奖。该网站部署在Vercel平台,展示了Python在Web开发中的应用,同时为开发者社区创造了学习和交流的平台。

aDEViento Web 日历

Python Reflex NES.css Vercel

使用纯Python和Reflex的"aDEViento日历"网页项目

https://adviento.dev

"aDEViento日历"是一个活动,在降临节期间每天抽奖赠送与编程和软件开发相关的礼物(书籍、课程等)。其目的是帮助分享知识并促进社区学习。

访问 https://adviento.dev

Twitch上进行直播开发

如果你认为这个项目有用,请在仓库中点击"★ Star"支持它。谢谢!

视频教程

社区的**Discord服务器上有一个名为"python"**的频道,你可以在那里提问、分享和帮助。

项目

这是项目的总体结构。

  • adeviento_web:主要源代码
    • adeviento_web.py:网站索引
    • constants.py:网站使用的常量
    • styles:样式目录(css、颜色和字体)
    • views:视图目录(图形部分)
    • components:组件目录(比视图小的图形元素)
  • assets:图形资源和JavaScript工具(雪花和倒计时)
  • rxconfig.py:项目主要配置(默认)
  • requirements.txt:项目运行依赖
  • assets:图形资源和JavaScript工具(雪花和倒计时)
  • build.sh:生产环境静态网站生成脚本
  • [生成] public:部署到生产环境的项目静态打包(HTML、CSS、JS和图像)

本地配置

  1. 对仓库进行Fork

  2. 将该仓库克隆到本地机器。

    git clone https://github.com/<USERNAME>/adeviento-web.git
    
  3. 进入项目目录。

    cd adeviento
    
  4. 创建虚拟环境。

    python3 -m venv venv
    
  5. 激活虚拟环境。

    source venv/bin/activate
    
  6. 安装依赖。

    python -m pip install -r requirements.txt
    
  7. 初始化Reflex项目。

    reflex init
    
  8. 在本地运行项目。

    reflex run
    

    你可以在浏览器中访问http://localhost:3000/来查看项目。

你可以在官方文档中找到更多关于Reflex的信息。

部署

为了部署项目,我们创建了一个build.sh文件,它负责执行必要的流程来生成带有所有静态资源的public目录,这些资源是Web服务器所需要的。

整个生产打包过程可以委托给服务器,但仓库始终包含public目录,这样你就可以在不执行build.sh脚本的情况下查看网站的静态内容。

source .venv/bin/activate
pip install --upgrade pip
pip install -r requirements.txt
reflex init
reflex export --frontend-only
rm -fr public
unzip frontend.zip -d public
rm -f frontend.zip
deactivate

基本上,它准备环境、安装依赖、初始化项目、创建生产构建,并解压缩。

该项目可以部署在任何支持静态资源的提供商或服务器上。

adviento.dev 部署在Vercel上。

Vercel配置:

  • GitHub仓库已与项目关联(以便每次向main分支推送代码时触发新的部署)
  • 构建和开发设置:其他
  • 根目录:public(包含生产环境的静态打包文件)
  • 自定义域名:adviento.dev

使用的资源

Python Reflex NES.css Vercel

Python和Reflex课程

使用纯Python从零开始学习Reflex前端Web开发的免费课程。这些技术用于开发"aDEViento日历"项目。我还有一门面向初学者的Python入门课程。

Python Web课程 Python课程

您可以通过在仓库上点"☆ Star"或提名我为"GitHub Star"来支持我的工作。谢谢!

GitHub Star

如果您想加入我们的开发社区,学习App编程,提高您的技能并帮助项目持续发展,可以在以下平台找到我们:

Twitch Discord Link

https://mouredev.com 你好,我是Brais Moure。

自由职业全栈iOS和Android工程师

YouTube频道订阅者 Twitch状态 Discord Twitter关注 GitHub粉丝 GitHub星标

我是一名有13年以上经验的软件工程师。在过去5年里,我一直将App开发工作与在各种社交媒体平台上创作编程和技术相关的教育内容相结合,我的账号是**@mouredev**。

在我的GitHub个人资料中可以找到更多信息

网站

项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手,通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能,支持100+编程语言,与主流编辑器无缝集成,显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台,能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐,Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案,通过智能技术简化视频制作流程。无论是企业宣传还是个人分享,有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持,能够阅读和理解用户上传的文件内容,解析网页信息,并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题,Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术,为商家提供一键生成商品图和营销文案的服务,显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台,让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型,免费访问各种图像生成与AI训练工具,从Stable Diffusion等基础模型开始,轻松实现创新图像生成。体验前沿的AI技术,推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器,它将改变您观看视频的方式!SubCat结合了先进的人工智能技术,为您提供即时视频字幕翻译,无论是本地视频还是网络流媒体,让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台,利用前沿AI技术,为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图,再到文案生成,美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号