Coder Social home page Coder Social logo

hugo-hattori / community_website Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 889 KB

Website Project developed using Flask and deployed on Railway.

Home Page: https://communitywebsite-production.up.railway.app/

License: MIT License

Python 34.35% HTML 64.33% CSS 1.26% Procfile 0.06%
css flask flask-application flask-backend flask-login flask-sqlalchemy html python wtforms railway

community_website's Introduction

Community Website Project

Packages used:

  • flask
  • flask_sqlalchemy
  • flask_bcrypt
  • flask_login
  • flask_wtf
  • wtforms
  • wtforms.validators
  • PIL
  • secrets
  • translate
  • datetime
  • os

Project Description

This a Web Development Project where the back-end was created using Flask framework and the front-end was created using Bootstrap, a free open-source front-end development framework for websites and web apps.

Project Structure

  • The "main.py" file is responsible for running the website application while "init.py" initializes the website's configurations such as getting database URL, secret key for password encryption and also responsible for the database creation on cloud application deployment;

  • "models.py" contains the User and Post objects creating their respective attributes, each User has the possibility of create, edit or delete multiple Post instances which will all be displayed at the website's mainpage or the user's personal page;

  • "forms.py" creates the form objects such as login form, create account form and post form, while the "routes.py" file defines each route that is related to each html page such as login/create account page route being related to both the "FormLogin()" and "FormCriarConta()" object and to "login.html";

Deployment

The final step is the deployment in which case the Railway infrastructure platform was used as it allows for free website deployments for simple applications.

Website's Homepage

img.png

Login/Create Account Page

img_4.png

Visualize all Users

img_1.png

Edit Profile's Picture and Info

img_6.png img_7.png

Creating a new Post

img_2.png

Editing/Deleting an existing Post

img_5.png

community_website's People

Contributors

hugo-hattori 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.