Ynex - Flask Bootstrap Admin & Dashboard Template

Minimum Requirements

• blinker==1.6.3
• click==8.1.7
• colorama==0.4.6
• Flask==3.0.0
• itsdangerous==2.1.2
• Jinja2==3.1.2
• MarkupSafe==2.1.3
• Werkzeug==3.0.1

Installation Process of Python

In order to run Flask you need to install Python by the following steps

This steps are based on Windows OS

Step1: Please visite the Official Web Site of the Python python.org

Step2: Click on the Download Python button

Step3: Now your Python setup file has downloaded

Step4: Now Right click on the Python setup file and select Run as administrator click on Yes

Step5: Please click on the Check Box Add Python to PATH. And select Customize installation option

Step6: Click on Install for all users. And click on the Install button to install python on your system

Step7: To check whether Python is installed or not type python --version in your terminal or console

Step8: The pip package is automatically installed with your python installation

Step9: To check whether pip package is installed or not type pip --version in your terminal or console

NOTE: Please follow the official web site python.org to install on Linux/UNIX OS.

How to Run Flask Project

Step:1 Quick view of Installations

Step:2 Run project

The Basic Structure Of Flask Project

    
		
				├── .venv/
				├── static/
				|   └── assets/
				├── templates/
				|   ├── components/
				|   ├── includes/
				|   └── layouts/
				├── app.py
				├── esbuild.config.js
				├── package-lock.json
				├── package.json
				├── requirements.txt
					
				

• First, unzip the project folder that you received from us.
• Navigate as shown Example: F:\project folder\templates\ Open components folder will have 170+ html pages
• Navigate as shown Example: F:\project folder\templates\ Open includes folder there you will find footer, header, sidebar, switcher, scripts, styles and etc files
• Navigate as shown Example: F:\project folder\templates\ Open layouts folder there you will find base.html file
• The base.html file is used for html pages; Do not use base file for error, authentication, landing and landing-jobs html pages.
• NOTE : By default switcher is enabled in your template, so the switcher-styles will work i.e., RTL, horizontal, hover and etc..,. So if you want to enable those styles, first you need to remove or disable switcher in your template as shown in switcher section in documentation.
• Please refer FAQ'S to activate other versions and styles like RTL, horizontal, horizontal-hover, Dark-mode, Boxed-Layout, Icon Overlay, etc..,

Over All Folder Structure

   
		
			├── .venv/
			├── static/
			|   └── assets/
			├── templates/
			|   ├── components/
			|   |   └── 170+ html pages
			|   ├── includes/
			|   |   |   ├── landing/
			|   |   |   |   ├── footer.html
			|   |   |   |   ├── header.html
			|   |   |   |   ├── header1.html
			|   |   |   |   ├── jobs-footer.html
			|   |   |   |   ├── jobs-header.html
			|   |   |   |   ├── jobs-header1.html
			|   |   |   |   ├── jobs-sidebar.html
			|   |   |   |   ├── jobs-sidebar1.html
			|   |   |   |   ├── scripts.html
			|   |   |   |   ├── sidebar.html
			|   |   |   |   ├── sidebar1.html
			|   |   |   |   ├── styles.html
			|   |   |   |   └── switcher.html
			|   |   |   ├── footer.html		
			|   |   |   ├── header.html		
			|   |   |   ├── header1.html		
			|   |   |   ├── scripts.html	
			|   |   |   ├── searchmodal.html	
			|   |   |   ├── sidebar.html	
			|   |   |   ├── styles.html	
			|   |   |   └── switcher.html
			|   ├── layouts/
			|   |   └── base.html
			├── app.py
			├── esbuild.config.js
			├── package-lock.json
			├── package.json
			└── requirements.txt

		

Purpose of a Starter Kit

Introduction to the Flask Template Starter Kit:

The Flask template starterkit is a resource that helps developers kickstart their Flask web development projects by providing a preconfigured and ready-to-use template. It aims to simplify the initial setup and provide a foundation for building Flask Framework based websites or applications.

Purpose of the Flask Template Starter Kit:

The purpose of the Flask starter kit is to save developers time and effort by offering a set of prebuilt files and configurations commonly used in Flask projects. Instead of starting from scratch, developers can leverage the starter kit to quickly set up a project structure that adheres to best practices and industry standards.

Benefits of Using the Flask Template Starter Kit:

The starter kit eliminates the need to set up the basic project structure manually. It provides a well-organized file and folder structure, including commonly used directories for separating code, templates, assets, and configuration files. This allows developers to focus more on implementing business logic rather than spending time on initial setup.

Before using the Flask template starter kit, developers should have a basic understanding of Flask and web development concepts. Additionally, they should have a web server environment Flask installed on their local machines or a hosting server. Familiarity with HTML, CSS, and JavaScript is also beneficial for frontend development aspects.

Starterkit Overview

You can use the Starterkit if you are creating a new project. It will be time-consuming to use the full admin version for a new project as Ynex have more than 170 pages.

We have provided all the pre-build layouts like Sidemenu, Header, footer and blank pages etc in the Starterkit.

Starterkit Folder Structures

   
		
			├── .venv/
			├── static/
			|   └── assets/
			├── templates/
			|   ├── components/
			|   |   └── html pages
			|   ├── includes/
			|   |   |   ├── footer.html		
			|   |   |   ├── header.html		
			|   |   |   ├── header1.html		
			|   |   |   ├── scripts.html	
			|   |   |   ├── searchmodal.html	
			|   |   |   ├── sidebar.html	
			|   |   |   ├── styles.html	
			|   |   |   └── switcher.html
			|   ├── layouts/
			|   |   └── base.html
			├── app.py
			├── esbuild.config.js
			├── package-lock.json
			├── package.json
			└── requirements.txt

		

SCSS & CSS

Ynex comes with power of SCSS. The css files can be generated from scss by simply following below steps:

Compiling Styles

      

		├── static/
		|   ├── assets/
		|   |   ├── css
		|   |   ├── icon-fonts
		|   |   ├── images
		|   |   ├── js
		|   |   ├── libs
		|   |   ├── scss
		|   |   ├── video
			
										
										
									

Version

• python : 3.11.4
• flask : 3.0.0
• pip : 23.1.2
• esbuild:- 0.19.4
• node:- 18.18.0
• npm :- 9.8.1

THANK YOU!