Более 100 приложений с открытым исходным кодом, созданных с помощью инструментов и стандартного кода

Привет Кодеры,

В этой статье представлен краткий список с приложения с открытым исходным кодом закодированы в различных технологиях (JAMstack, Flask, Full-Stack) с использованием полуавтоматического процесса. Я решил использовать инструменты в своем повседневном рабочем процессе, основываясь на своем опыте фриланса за последние два года, в основном на основе отзывов и требований клиентов:

  • Для новых проектов клиентам обычно требуется множество вариантов дизайна на выбор.
  • Приложения должны создаваться с использованием современных технологий
  • Миграция устаревших приложений на новые технологии с низким бюджетом

Чтобы решить этот короткий список проблем, я решил создать инструменты автоматизации, чтобы ускорить процесс разработки и сократить несколько повторяющихся и трудоемких задач.


В спешке? в Более 100 приложений с открытым исходным кодом, созданных с помощью инструментов публикуются на этом хранилище на Github, отсортированные по топологии: панели администратора, джемстек, колба, полный стек. Спасибо и счастливого кодирования!


Процесс автоматизации

К решить проблему дизайна, я начал искать провайдеров, выпускающих хорошие продукты по разрешительным лицензиям (MIT, LGPL) и доступным ценам. Мой краткий список по этому пункту: Creative-Тим, Html5Up, Пиксельность.

Следующим шагом было построить парсер HTML для преобразования плоских файлов HTML в готовые к производству шаблоны для различных шаблонизаторов: PUG, Jinja2, Blade (laravel).

Третий шаг — код простых шаблонов в различных архитектурах и фреймворках: Колба, узлы, Ларавель и Full-Stack, оснащенный несколькими основными функциями:

  • База данных SQLite или MySql
  • ORM для легкого управления записями базы данных
  • Процесс аутентификации (вход и регистрация)
  • Базовый инструментарий и скрипт для автоматизации развертывания и производственной сборки.

Приложения, созданные с помощью этого рабочего процесса

Все приложения (бесплатные и коммерческие) выпускаются как проекты с открытым исходным кодом на этом хранилищеопубликованный на Github.


Что такое JAMstack (короткое примечание для новичков): JAMstack означает JavaScript, API и разметку. Этот термин был придуман Матиасом Бильманном для описания современной архитектуры веб-разработки, основанной на клиентском JavaScript, многоразовых API и встроенной разметке. Краткий список приложений, закодированных по этому шаблону:

JAMStack Now UI Kit — анимированное вступление в формате Gif.


Что такое Колба (примечание для начинающих): Колба представляет собой облегченную структуру веб-приложений WSGI. Он предназначен для быстрого и легкого начала работы с возможностью масштабирования до сложных приложений. Он классифицируется как микрофреймворк, поскольку не требует специальных инструментов или библиотек.

Все приложения Flask имеют общую файловую структуру:

Flask Boilerplate — файловая структура.

В случае, если вы хотите построить Колба аргона шаблон, не покидая этой страницы, просто введите:

$ # clone the repo

$ git clone 
$ cd flask-argon-design-system

$ # install the dependencies
$ pip install -r requirements.txt

$ # create the database (using Flask shell)

$ flask shell
$ >>> from app import db
$ >>> db.create_all()

$ flask run

$ # App is running on  

Если все пойдет хорошо, вы должны увидеть приложение, работающее в браузере:

Flask Argon Boilerplate - Gif анимированное интро.


Полный список с приложениями


Полнофункциональные приложениязакодированный в двухуровневой архитектуре, закодированный с помощью базы данных SQLite и аутентификации JWT:

Полный список приложений с открытым исходным кодом и бесплатных полнофункциональных приложений, доступных на Гитхаб.

Приложение FullStack React Express — Gif анимированное вступление.


Обратная связь

Если вам нравится какое-либо из упомянутых приложений, просто возьмите код и создайте что-нибудь, начиная с предоставленной кодовой базы.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *