Clothingapp
GithubDemoYoutube
  • CLOTHING APP
  • Technologies
  • CLOTHING APP
    • Zip File Structure
    • Project Requirement
    • App Structure
    • Installation Guide
    • API Config
    • Push Notifications
    • Run in Emulator
    • Social API
  • PAYMENT
    • Stripe
  • THANK YOU
    • Source and Credits
    • Thank You
Powered by GitBook
On this page
  • BUILT WITH SASS.
  • APP
  1. CLOTHING APP

App Structure

The clothing App Structure gives information about the folders, components and files.

PreviousProject RequirementNextInstallation Guide

Last updated 6 years ago

BUILT WITH SASS.

The App uses which is basically CSS with superpowers. Each component has its dedicated sass files structured with independent variables so you can have maximum modularity, flexibility and customizability.

There are four main folder structures in an Ionic 3 app:

  • App: App has all the files needed to bootstrap the app and the main structure we will build the app upon.

  • Pages: Here you can see all the app pages html, js and css.

  • Theme: This folder contains all the superpowers of Sass (variables, mixins, shared styles, etc) that makes super easy to customize and extend the app.

  • Assets: In this folder you will find images, sample data json’s, and any other asset you may require in your app.

Note: If you want more information, please refer to.

APP

app.component.ts

It is the main entry point of our app. It defines the basic structure and initial navigation of the app.

In our case we have a combination of tabbed navigation and side menu navigation. In this file we define which page would be the first one and the options and navigation of the side menu.

SASS,
Ionic Getting Started pages