Skip to content

el634dev/codezen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodeZen

Platform to help educators organize their materials

No live demo yet.

Table of Contents

General Information

  • Project is built using Jinja2, Bootstrap 5 and Flask
  • The purpose of this project is to practice with Flask

Important

  • When trying to host your own project use Python Anywhere or Aptible
  • When using a virtual environment make sure to activate and deactive your environment, creating one helps avoid conflicts with the global interpreter

Technologies Used

  • HTML5
  • CSS3
  • Bootstrap
  • Flask
  • Jinja

Features

List of features here:

  • Users can navigate through mulitple web pages
  • Users can sign up ( In-Progress)
  • Users can create an account ( In-Progress)

Installation

See the appropriate guide for your environment and operating system.

  • Flask or older Flask version
  • Other frameworks that are not Flask, Bootstrap, Jinja2

a. Flask Installation

Add Flask to your global or virutal enivorment: For macOS: pip3 install flask For Windows: pip install flask

  • Make sure that Flask is the current version
  • If using the virtual enivorment make sure to navigate to your folder that you create your env folder and activated your env
  • You can activate your enivorment by typing source\bin\activate\ and for Windows .\env\Scripts\activate

b. Boostrap Installation

Add the link provided by Boostrap in your header located in your HTML file (this could also be your base file).

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

  • Make sure to use version 5 as this is the latest version

c. Jinja/HTML/CSS Installation

  • There is no installation needed for Jinja, HTML, CSS.

HTML and CSS is built into VSCode, while Jinja is Flask's official templating engine.

Usage

How does one go about using it?

User navigates onto the home page and can click any buttons or use the navigation links in the header(top of the page) or footer(bottom of the page).

User can also view the website on mulitple devices such as desktop or mobile.

Project Status

Project is: in progress

About

Platform to help educators organize their materials

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published