Workflow for Website based on Angular js - angularjs

I am building an E-commerce website, something like Amazon.com. I am inspired with services and directives provided by Angular Material. But i am new to Web technologies and know enough Angular js to make a substantial working one-page website. Can someone please tell me how should I structure a multi-page website like amazon?
By this i mean how should go about making a proper directory tree so that all js, css, html and php files are in their proper places.
Shall I build website in modules having a page's js, css ,html and php files in one folder and similarly build other pages by keeping their files in separate folders?
I am thinking of having a front-end of my Website to look like Angular material's. Site will have a side-nav containing many sections, subsections and filters.
Please pour in your suggestions and the way a proper multi-page website's workflow and structure should look like.

Dude amazon is not something anyone can build, no offence, do u have any idea how big is amazon, i mean structure wise, it is very diffiult to answer this question in one post but u can follow john papas guide on how to structure ur angular application. This could be the starting point for ur project.
https://github.com/johnpapa/angular-styleguide

Related

React (CRA) + Ionic along side some static HTML Landing Pages

The Reason I need this is just for SEO purposes.
I have a book store app built with React and IONIC. Works great and my conversion rate increased a lot when compared with my Wordpress site. My problem is how Am I going to have a good ranking on search engines ?
I have and idea having a small robot rendering all book details pages. Just the detail pages for each book I have in the store, creating a site map with those pages and uploading them using SFTP along side my CRA application. I thought it was going to be easy host some html files along side my CRA + IONIC App, I think I was wrong.
Is it possible ?
ps: I am thinking like that because sounds like the easiest way to have some SEO.
Thank you

Hosting an existing Angular website

I am working on a website for a family friend. It's a fairly simple Angular SPA with 3 'pages'. When I'm done, I plan to bundle it into an html, css, and js file. In addition, I own the domain that I'd like to use through google domains.
Currently, I am trying to find a hosting service that will let me upload my 3 files (html, js, & css) and just host it. However, I haven't found any services that let me do that other than AWS. So far, I've tried weebly and squarespace and they make me use their templates and GUI to build the website. If I needed, I could just use their templates. However, I'd prefer to bbuild it from scratch so I can practice my Angular and Node Skills.
Any suggestions for website hosting services that let me upload the html, css, and js files of a website I've already built?
Thank you.
You can do so with any website that supports FTP. If you are looking for something really simple, see:
https://www.bluehost.com/
Amazon, recently launched a service just for this purpose. See:
https://amazonlightsail.com/
Best place to do it : https://pages.github.com/
You can link your domain to gihtub's IP.
If you feel gh-pages are tought. Try others like https://www.hostinger.in/, https://www.hostinger.com/ , https://in.000webhost.com/

build website 'online help' with angularjs

Starting with a website build with AngularJS as frontend and a ReST API set as backend. I would like to append an online help content.
Does exist a project or a framework to do that quickly (using angularjs powerfull) ?
I have no special mandatory requirements. I think that two concept could be important:
help section representation as a tree,
quick link between webapplication and online help.
JHipser may be the one you need.
I finally decided to build it without additional framework:
a flat json file that describe the structure and contents of my online help,
a controller with $http.get(...) embedded to get back the content
a dedicated help page : I re-use the bootstrap help menu and I use the ng-repeat directive to show the active content.
(Anyway Thanks #Shaojiang Cai for your suggest).

AngularJS for e-commerce project - is world ready or not yet?

I am preparing e-commerce project in AngularJS, but i have doubts.
SEO? Is it problem or not? If i know it is possible to have good SEO
with AngularJS with google,but what with others searcher engine?
I experienced many tools like tools for tracking users (how users
fill forms, what they do on sites etc.) doesn't work with dynamic
contents.
Is world ready for dynamic webpages like AngularJS or not yet? I am really not sure... do whole project in AngularJS or static pages...
Maybe some example of working e-commerce project, for example shop or something like that which SEO and users tracking are important? Good ready project is always good prove.
I just want be sure i wouldn't lose traffic from SEO and i would track and analyze users behavior on my sites. I am not really sure would i?
Ok , so what I can tell you from my experience with angular :
SEO is definitely a problem, but there is solutions out there (like https://prerender.io/ ). Is it enough for e-commerce ? I don't know.
We use google analytics in our (quite big) Angularjs project, it works (it's not as easy to install though, but some have contribute project that can help https://github.com/revolunet/angular-google-analytics )
[EDIT]
For Angularjs e-commerce exemple app you can look at the builtwith page :
https://builtwith.angularjs.org/
And use e-commerce tag.
One of the e-commerce site was :
https://www.hatch.co/

Angular js and snapshot pages

Have read up on angular and generating snapshots for the crawlers
Just want to know if the snapshot needs to have CSS or just plain and img tags for Facebook and Google etc. to work.
Any good examples of how to implement the framework with expression engine or Wordpress.
As I understand it you would actually create two versions of every page. Is that correctly understood ?
Cheers looking forward on trying it out .
As I understand it it's enough to modify the htaccess file to show the snapshots instead of the angular once when the request is coming from Facebook or Google etc.
Thanks

Resources