Skip to content

Latest commit

 

History

History
211 lines (121 loc) · 5.21 KB

README_old.md

File metadata and controls

211 lines (121 loc) · 5.21 KB
Raw

Treeform: Angular Example Webapp

Get it on Google Play

Demo



Treeform demo

What is this repo?

This repository is maintained by Thedroid.io team, is meant to be a beautiful web-app example using Angular 9.0+, this is implemented not only for the client-side, but for server side rendering also (Note: If you need Server Side rendering read here).

This project contains all of the latest technologies, from design to developemnt, and common features needed in static webapp like Progressing webapp read here, SEO [ search engine].


Table of contents


Getting Started:

  • Node version > 10
  • Angular > 9.0

Initial Setup

git clone https://github.com/nirajprakash/treeform-angular-webapp.git 
cd treeform-angular-webapp
npm install
npm start

Graphics Magick setup

This part of setup is needed, if you want to convert images for gallery

  • Install image magick from here for your system's OS.
  • For more details read here

For PWA

  • Clone the project you haven't done that.
  • then checkout into branch: treeform-pwa
git checkout treeform-pwa
npm install
npm start

For SSR

  • Clone the project you haven't done that.
  • then checkout into branch: treeform-pwa-ssr
git checkout treeform-pwa-ssr
npm install
npm start

Note: If you get any errors during install and build, please put report the issue in the same repo.


Features:

These are some of the important features implemented in this starter!

  • SEO: Search Engine Optimization

    • Programmable seo tags.

  • PWA: Progressive Webapp

    • For more details, read here

  • SSR: Server Side Rendering

    • For more details, read here

  • Fully responsive design using flex properties

    • Responsiveness without using any grid based library.
    • Usage of next generation Flex-Layout library provided by Angular Team.

  • SCSS based atomic styling

    • Avoided css style based large files.
    • Scss helps in improving overall quality and pattern of styling.
    • For more details, read here

Components:

These are some of the important components in this app!

  • Image Gallery

    • Very common gallery system needed in all apps.

  • Angular Animations

  • SEO: Programmable Tags

    • For more details, [read here](#seo:-programmable tags)

Image Gallery

PWA: Progressive Webapp

SSR: Server Side Rendering

SCSS: Styling

Theming

Common Files

SEO: Programmable Tags


FAQ:

Does this library require bootstrap?

No! There isn't a requirement of this library. The design is implemented only using angular material and SCSS styles.


Contributors:


Bharath Kishore
Mayank Kaushal
Niraj Prakash


Special Thanks:

A special thanks to other 3rd party libraries, which we have used in this project.



Further help

This project is an open-source initiative by Junkie Labs team.

For any questions or suggestions send a mail to junkielabs.dev@gmail.com or chat with the core-team on gitter.



License

MIT License.