Front-end

• Layouts (with the menu bar and such) are in resources/js/layouts
• Pages are in resources/js/pages (e.g. the contents of the mixes and about pages)
• Components are in resources/js/layouts/components or in page-specific folders (e.g. buttons, input fields, mix-cards within the mix folder components)

Back-end and data

• Backend is in the app folder, with controllers, resources, models, migrations, seeders etc., refer to this note for an explanation on what is what

• Data/tables are either in your files, or if you set up a mySQL connection, in localhost / 127.0.0.1 | phpMyAdmin 5.2.0 ****(in your browser, depending on the ports you are using)

  • e.g. in spicemixes project, this is the database in phypmyadmin after running php artisan migrate and php artisan db:seed

  

• Data for database/table Seeders is in app/database/seeders or, when imported as files, in resources/SQL

‘API’

• Inertia is used for communication backend/frontend, routes are in web.php, refer to Intertia notes

Styling, fonts, images

• Tailwindcss (styling), refer to Tailwind note
  • global styles are in resources/css/app.css
    • the @apply part is tailwind styles, rest is normal css
  • custom tailwind classes are in tailwind.config.css (e.g. primary, secondary and other colors)
• Custom fonts are in app.blade.php, under google fonts import.

• Images you upload will go to the media table, and get stored in storage/app/public. here are also any other images that are imported in components, aside from svg logos (these are in resources/images).

Now that we know where everything is, either go to ‘how things work’ or ‘database structure’ if you want to understand this particular project, or to ‘laravel’ if you want to understand the stack in general