Folder Structure

The folder structure of this project is inspired by an article in Medium. Here is how we organize the project's source code files:

src
├── components
│   ├── FilterCards
│   │   ├── Card
│   │   │   ├── index.js
│   │   │   └── Card.css
│   │   ├── Section
│   │   │   ├── index.js
│   │   │   └── Section.css
│   │   ├── index.js
│   │   └── FilterCards.css
│   ├── FilterInput
│   │   ├── index.js
│   │   └── FilterInput.css
│   ├── Header
│   │   ├── index.js
│   │   └── Header.css
│   └── MainNav
│       ├── index.js
│       └── MainNav.css
│
├── css
│   ├── fonts
│   │   ⋮
│   ├── images
│   │   ⋮
│   ├── fonts.css
│   └── index.css
│
├── pages
│   ├── Home
│   │   ├── TokoPicker
│   │   │   └── index.js
│   │   ├── Home.test.js
│   │   └── index.js
│   ├── NotFound
│   │   └── index.js
│   ├── Pesan
│   │   ├── Pesanan
│   │   │   └── index.js
│   │   ├── index.js
│   │   └── Pesan.css
│   ├── StyleGuide
│   │   ├── index.js
│   │   └── StyleGuide.css
│   ├── Toko
│   │   ├── Order
│   │   │   ├── index.js
│   │   │   └── Order.css
│   │   ├── Products
│   │   │   └── index.js
│   │   └── index.js
│   └── pages.css
│
├── services
│   ├── matches.css
│   └── product.css
├── fonts.css
└── index.css