Giter Site home page Giter Site logo

appseed-projects3 / 89548207-49cf-4782-bf5f-ae1eebfa2572 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 25.52 MB

Soft Ui Dashboard Flask - Generated Seed Project (Open-Source) | AppSeed

License: Other

Procfile 0.01% Python 0.16% JavaScript 1.60% CSS 38.07% SCSS 40.21% HTML 19.96%

89548207-49cf-4782-bf5f-ae1eebfa2572's Introduction

Open-source Flask/Jinja Template generated by AppSeed op top of Soft Dashboard, a modern Bootstrap 5 dashboard design. The project is a super simple Flask project WITHOUT database, ORM, or any other hard dependency. The project can be used as a codebase for future project or to migrate the Jinja files and assets to a legacy Python-based project that uses Jinja as template engine (Flask, Bottle, Django).


PROMO Discounts for Developers Up to 30%OFF

The discount is applicable to all products and licenses (no stock limits)

Discounts for Developers and Designers - AppSeed


Built with App Generator, timestamp 2023-05-07 07:40

  • Up-to-date dependencies
  • Render Engine: Flask / Jinja2
  • Dark Mode (enhancement)
    • Persistent via browser local storage

Soft UI Dashboard - Full-Stack Starter generated by AppSeed.


โœจ How to use it

Download the code

$ # Get the code
$ git clone https://github.com/appseed-projects/89548207-49cf-4782-bf5f-ae1eebfa2572.git
$ cd 89548207-49cf-4782-bf5f-ae1eebfa2572

๐Ÿ‘‰ Set Up for Unix, MacOS

Install modules via VENV

$ virtualenv env
$ source env/bin/activate
$ pip3 install -r requirements.txt

Set Up Flask Environment

$ export FLASK_APP=run.py
$ export FLASK_ENV=development

Start the app

$ flask run

At this point, the app runs at http://127.0.0.1:5000/.


๐Ÿ‘‰ Set Up for Windows

Install modules via VENV (windows)

$ virtualenv env
$ .\env\Scripts\activate
$ pip3 install -r requirements.txt

Set Up Flask Environment

$ # CMD 
$ set FLASK_APP=run.py
$ set FLASK_ENV=development
$
$ # Powershell
$ $env:FLASK_APP = ".\run.py"
$ $env:FLASK_ENV = "development"

Start the app

$ flask run

At this point, the app runs at http://127.0.0.1:5000/.


โœจ Code-base structure

The project has a simple, intuitive structure presented bellow:

< PROJECT ROOT >
   |
   |-- apps/__init__.py
   |-- apps/
   |    |-- static/
   |    |    |-- <css, JS, images>         # CSS files, Javascripts files
   |    |
   |    |-- templates/
   |         |
   |         |-- includes/                 # Page chunks, components
   |         |    |
   |         |    |-- navigation.html      # Top bar
   |         |    |-- sidebar.html         # Left sidebar
   |         |    |-- scripts.html         # JS scripts common to all pages
   |         |    |-- footer.html          # The common footer
   |         |
   |         |-- layouts/                  # App Layouts (the master pages)
   |         |    |
   |         |    |-- base.html            # Used by common pages like index, UI
   |         |    |-- base-fullscreen.html # Used by auth pages (login, register)
   |         |
   |      index.html                       # The default page
   |      page-404.html                    # Error 404 page (page not found)
   |      page-500.html                    # Error 500 page (server error)
   |         *.html                        # All other pages provided by the UI Kit
   |
   |-- requirements.txt
   |
   |-- run.py
   |
   |-- ************************************************************************

โœจ Deploy APP with HEROKU

The set up

  • Create a FREE account on Heroku platform
  • Install the Heroku CLI that match your OS: Mac, Unix or Windows
  • Open a terminal window and authenticate via heroku login command
  • Clone the sources and push the project for LIVE deployment

Step 1 - Download the code from the GH repository (using GIT)

$ # Get the code
$ git clone https://github.com/appseed-projects/<YOUR_BUILD_ID>.git
$ cd <YOUR_BUILD_ID>

Step 2 - Connect to HEROKU using the console

$ # This will open a browser window - click the login button (in browser)
$ heroku login

Step 3 - Create the HEROKU project

$ heroku create

Step 4 - Push Sources to HEROKU

$ git push heroku HEAD:master

Step 5 - Srt up the APP Environemnt in HEROKU (.env file is ignored by the platform)

  • DEBUG=True
  • FLASK_APP=run.py
  • FLASK_ENV=development
  • ASSETS_ROOT=/static/assets

AppSeed - HEROKU Set UP


Step 6 - Visit the app in the browser

$ $ heroku open

At this point, the APP should be up & running.


Step 7 (Optional) - Visualize HEROKU logs

$ heroku logs --tail

For more components, pages and priority on support, feel free to take a look at this amazing starter:

Soft UI Dashboard is a premium Bootstrap 5 Design now available for download in Flask. Made of hundred of elements, designed blocks, and fully coded pages, Soft UI Dashboard PRO is ready to help you create stunning websites and web apps.


Soft UI Dashboard PRO - Starter generated by AppSeed.



Soft UI Dashboard Flask - Open-source starter generated by App Generator.

89548207-49cf-4782-bf5f-ae1eebfa2572's People

Contributors

appseed-projects3 avatar

Watchers

 avatar

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.