Mongodb Atlas Hackathon 2022 on Dev
#javascript #python #mongodb #atlashackathon22

我们建造的

您好，欢迎参加我们的这项黑客马拉松的项目！我们的项目称为Fastpanel，它是一个启发的农场堆栈的Dja​​ngo管理面板。

它是高度可定制的，并且与使用农场堆栈作为核心的任何项目都可以完全集成。

用于演示Fastpanel，我们在其上创建了一个包装项目，称为 devduels - 实时多人编码战场！

类别提交：

关于实时

屏幕截图

FastPanel应用程序页
FastPanel App Page
Fastpanel应用模型页
FastPanel App Models Page
FastPanel列表文档
FastPanel list document
Fastpanel创建一个新文档
FastPanel create a new document
FastPanel更新文档
FastPanel update a document
faspanel删除文档
FasPanel Delete a document
Fastpanel个人资料页
FastPanel Profile Page

devduels

devduels用户注册
DevDuels User Registration
Devduels创建事件
DevDuels create event
Devduels加入活动
DevDuels join a event
Devduels事件信息
DevDuels event info
Devduels编码地面
DevDuels coding ground
Devduels记分牌
DevDuels scoreboard

描述

FastPanel是一个使用， preacct ， fastapi 和 mongodb 的库。它与任何农场堆栈项目都有无缝集成，为了展示Fastpanel，我们在其顶部创建了一个包装器项目，该项目称为 devduels ，顾名思义，这表明这是一个简单的平台，Dev的平台可以在这里可以使用。在编码战场中相互竞争。

devduels使用，changeStreams将实时数据库更新发送给其前端客户端，该数据库是使用React构建的。

Tech-stack使用了

  1. fastpanel

    • MongoDB作为其主要DB
    • fastapi作为核心后端框架，创建API
    • 首先作为前端客户端，以消费API

  2. devduels

    • MongoDB作为其主要DB
    • mongoDB更改流以将实时更新发送到后端服务器
    • fastapi作为核心后端框架，创建API
    • 作为前端客户端做出反应，以消耗API

应用结构

FastPanel & DevDuels arch

链接到源代码

GitHub logo ankit-brijwasi / fastPanel

Fastapi开发人员的Django启发管理面板

fastPanel

A Django inspired admin panel for FARM stack developers, to make there development life easy!

System requirements

Due to the limited support of the uvloop package in windows, the server might not start, to fix this, use the server in WSL

Run the server

  1. Activate your virtualenv
  2. Install all the dependencies using, koude1
  3. Add a file called koude2 in the root with the following data
DB_HOST=dev-cluster.xxq5ptb.mongodb.net
DB_USER=dev
DB_PASSWORD=C0mtGefNUcTwDPkf
DB_NAME=devduels
  1. Run the server using-
$ uvicorn main:app --host 0.0.0.0 --port 8000 --reload

View on GitHub



GitHub logo ankit-brijwasi / devduels-frontend

DevDuels

React frontend for connecting with the devduels backend

Run the server

  1. Install all the dependencies using,
$ npm install
  1. Run the server using,
$ npm start
View on GitHub

GitHub logo navdeepm20 / fast-pannel

这是在preact中设计的管理面板，可与FastApi一起使用包装纸。这满足了FastApi所需的现代管理面板的需求。

FastPanel

A modern admin panel that power up the FastApi with the help of it's wrapper https://github.com/ankit-brijwasi/fastPanel

要求

主要依赖项

  • preactct
  • React路由器DOM
  • 材料UI
  • 有关更多信息，请参考package.json。

项目信息

CLI命令

CLI Readme。

View on GitHub

允许许可证

MIT许可证

背景

随着越来越多的人在其项目中使用微服务架构，对NOSQL数据库（如MongoDB）的需求正在以惊人的速度增加，但是像Django这样的旧且成熟的框架对他们没有内置的支持，并且需要手动配置！

结果，如今的Fastapi之类的框架变得越来越受欢迎，这很好，但是Django的某些部分对开发人员非常有用，例如其内置管理面板，可以自定义为其核心！

从中汲取灵感，我和我的朋友@navdeepm20，决定，我们将建立一个新的管理面板，该面板可以支持新的和现代的框架和数据库，例如Fastapi＆Mongodb。

。

我们如何构建它

在构建应用程序时，我们学到了很多有关mongodb的知识，例如，changestreams，索引，关系等。

对我个人而言，最迷人的功能是changesteams，我意识到MongoDB在微服务架构中有多么有用。

总的来说，这是一次非常有趣的体验

其他资源/信息

Google，Stackoverflow，GitHub问题，MongoDB Docs，Fastapi Docs，MUI DOCS和PREACCT文档！

贡献者