https://github.com/hugo-hattori/community_website

Website Project deployed on Railway.
https://github.com/hugo-hattori/community_website

css datetime flask flask-application flask-backend flask-bcrypt flask-login flask-sqlalchemy flask-wtf flask-wtforms html html-css os postgresql python railway sqlite wtforms

Last synced: 10 days ago
JSON representation

Website Project deployed on Railway.

• Host: GitHub
• URL: https://github.com/hugo-hattori/community_website
• Owner: Hugo-Hattori
• License: mit
• Created: 2023-10-14T15:21:49.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-24T22:20:31.000Z (12 months ago)
• Last Synced: 2023-11-24T23:23:20.169Z (12 months ago)
• Topics: css, datetime, flask, flask-application, flask-backend, flask-bcrypt, flask-login, flask-sqlalchemy, flask-wtf, flask-wtforms, html, html-css, os, postgresql, python, railway, sqlite, wtforms
• Language: HTML
• Homepage: https://communitywebsite-production.up.railway.app/
• Size: 868 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](imgs/img.png)

## Login/Create Account Page

![img_4.png](imgs/img_4.png)

## Visualize all Users

![img_1.png](imgs/img_1.png)

## Edit Profile's Picture and Info

![img_6.png](imgs/img_6.png)

![img_7.png](imgs/img_7.png)

## Creating a new Post

![img_2.png](imgs/img_2.png)

## Editing/Deleting an existing Post

![img_5.png](imgs/img_5.png)