Angular Folder Structure
To make the code more re-usable we have created multiple components that can be reused. This makes refactoring the code effecient and saves a lot of time for the developers.
We have used the best folder structure to keep all the common types of code separate from each other.
-
Figa
-
public
-
assets
- data
- element
- element.json
- home
- ad-agency.json
- cafe.json
- charity.json
- consultancy.json
- design-agency.json
- digital-agency.json
- event.json
- marketing.json
- my-wedding.json
- portfolio.json
- seo-agency.json
- startup.json
- wedding-planner.json
- pages
- about.json
- contact.json
- faq.json
- pages.json
- pricing.json
- shop
- compare.json
- product.json
- user.json
- wishlist.json
- blog.json
- brand.json
- cart.json
- category.json
- footer.json
- menu.json
- portfolio.json
- services.json
- testimonial.json
- element
- fonts
- remixicon.eot
- remixicon.glyph.json
- remixicon.less
- remixicon.module.less
- remixicon.style
- remixicon.svg
- remixicon.symbol.svg
- remixicon.ttf
- remixicon.woff
- remixicon.woff2
- i18n
- en.json
- images
- about
- ad
- blog
- cafe
- charity
- consultancy
- contact
- demo
- design_agency
- digital_agency
- event
- gif
- inner-page
- inner-portfolio
- marketing
- my_wedding
- planner
- portfolio
- seo
- shop
- startup
- banner.jpg
- favicon.png
- logo-white.svg
- logo.svg
- scss
- abstract
- _mixins.scss
- _variables.scss
- base
- _reset.scss
- _typography.scss
- components
- _animated.scss
- _breadcrumb.scss
- _buttons.scss
- _mode-btn.scss
- _quote.scss
- _ratio.scss
- _slider.scss
- _tab.scss
- _table.scss
- _tap-to-top.scss
- _title.scss
- layout
- _blog.scss
- _counter.scss
- _footer.scss
- _form.scss
- _navigation.scss
- _newsletter.scss
- _portfolio.scss
- _pricing.scss
- _service.scss
- _team.scss
- _testimonial.scss
- pages
- _about.scss
- _blog.scss
- _cart.scss
- _checkout.scss
- _contact.scss
- _faq.scss
- _portfolio.scss
- _product.scss
- _shop.scss
- _sub-page.scss
- _wishlist.scss
- themes
- _dark.scss
- _rtl.scss
- _ad_agency.scss
- _cafe.scss
- _charity.scss
- _consultancy.scss
- _design_agency.scss
- _digital_agency.scss
- _event.scss
- _marketing.scss
- _my_wedding.scss
- _portfolio.scss
- _seo_agency.scss
- _startup.scss
- _wedding_planner.scss
- app.scss
- landing.scss
- style.scss
- abstract
- svg
- about
- ad
- cafe
- charity
- consultancy
- contact
- design
- digital_agency
- event
- faq
- marketing
- mega-menu
- my_wedding
- other
- planner
- portfolio
- seo
- startup
- maintenance.svg
- no-item.svg
- toggle.svg
- video
- 2.mp4
- data
- favicon.ico
-
assets
-
src
-
app
- components
- blog
- blog-details-page
- widgets
- blog-details-page.component.html
- blog-details-page.component.scss
- blog-details-page.component.ts
- blog-left-sidebar
- blog-no-sidebar
- blog-right-sidebar
- widgets
- blog.component.html
- blog.component.scss
- blog.component.ts
- blog.routes.ts
- blog-details-page
- element
- accordion
- alert
- badge
- button
- counter-element
- footer-element
- form
- pricing-box-element
- tab
- table
- testimonial
- title-element
- element.component.html
- element.component.scss
- element.component.ts
- element.routes.ts
- home
- ad-agency
- cafe
- charity
- consultancy
- design-agency
- event
- marketing
- pricing-box-element
- my-wedding
- portfolio
- seo-agency
- startup
- wedding-planner
- widgets
- home.routes.ts
- pages
- about-us
- coming-soon
- contact-us
- consultancy
- faq
- login
- maintenance
- pricing
- register
- pages.routes.ts
- portfolio
- creative-full-portfolio
- creative-portfolio
- portfolio-carousel
- portfolio-full
- portfolio-grid
- portfolio-parallax
- widgets
- portfolio.component.html
- portfolio.component.scss
- portfolio.component.ts
- portfolio.routes.ts
- shop
- cart
- checkout
- collection
- compare
- products
- wishlist
- shop.routes.ts
- blog
- shared
- components
- footer
- header
- layout
- menu
- modal
- theme-customizer
- ui
- widgets
- data
- directive
- interface
- pipe
- resolver
- routes
- service
- store
- components
- app.component.html
- app.component.scss
- app.component.ts
- app.config.ts
- app.routes.ts
- components
- index.html
- main.ts
- style.scss
-
app
-
public
- angular.json
- package.json
- tsconfig.app.json
- tsconfig.json
- tsconfig.spec.json