Git Product home page Git Product logo

gustyapp's Introduction

Bootstrap Responsive Flask Template

What is this?

This is a template for Flask and Bootstrap geared towards mobile web applications

and to help get you started with user authentification and user profiles

Install

pip install flask flask-sqlalchemy flask-login flask-wtf flask-bcrypt

Then navigate to the Root dir, the dir with ext.py and run the command

bin\debug.bat

or naviagate to the bin directory and run debug.bat

Features

  • Bootstrap for style/design
  • Responsive for Desktop and Mobile
  • Flask for Serving the web page
    • Uses the Flask Factory pattern
    • Uses Flask Blueprints
  • We utilize a few extensions to add more features
    • flask_sqlalchemy for SQL ORM
      • This project is setup for SQLite databases but mysql or mssql can be swapped within the config
    • flask_login for user authentification
    • flask_bcrypt for data encryption
    • flask_wtf for form handling logic

Whats included?

Models

You have 3 Models, User, Profile and Settings

User model

  • username
  • password
  • email

Profile

  • bio
  • status

Settings

  • app_name
  • dev_mode

User Authentification

Users can register a new account, login to that account and logout all out of the box.

Auth Blueprints

You have a single auth blueprint that handles Login, Logout and Register

Auth Views

The html markup renders a spiffy form for login and register that is responsive.

User Profiles

logged in users can make changes to thier profiles

  • update thier own bio
  • update thier own status

Admin Panel

A slew of features that allows you to:

  • Manage existing users and delete them
  • upload files
  • explore uploaded files
  • make changes to the website branding
  • Backup or restore the database
  • explore the database and its tables
  • put the site into developer mode / maitence mode

Project Structure

  • bin/

    • run.bat
    • drop.bat
    • debug.bat
  • blueprints/

    • admin.py
    • auth.py
    • main.py
    • profile.py
  • forms/

    • auth.py
    • profile.py
    • settings.py
  • models/

    • user.py
    • settings.py
  • storage/

    • static/
      • favicon.ico
      • flask-horizontal.webp
    • uploads/
  • views/

    • admin/
      • browse.html
      • config.html
      • database.html
      • terminal.html
      • upload.html
      • users.html
    • auth/
      • login.html
      • register.html
    • includes/
      • navbar.html
      • messages.html
    • base.html
    • dashboard.html
    • user.html
  • __init__.py

  • ext.py

  • Readme.md

gustyapp's People

Contributors

mouseroot 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.