DEV Community

rails4business
rails4business

Posted on • Edited on

Crea l'app posturaBook con rails

Dopo aver installato

  1. Chiarire le idee
  2. Facciamo un recap
  3. Marketing e modello di Business.
  4. Indice del libro è necessario chiedere l'accesso
  5. Preparare il Banco di lavoro
  6. Creazione app. flowbite - Impostazione css - mockup - e view
  7. Definizone database e relazioni in word richiedere l'accesso

  8. Deploy app

  9. Creare scaffold model e controller

Dopo aver eseguito gli step 1 2 e 3 apri il terminale:

$ rails new posturabook --database=postgresql
Enter fullscreen mode Exit fullscreen mode

Poi digita

$ cd posturabook
$ code .
Enter fullscreen mode Exit fullscreen mode

Apri il terminale in code editor

npm init
Enter fullscreen mode Exit fullscreen mode

Ora installiamo flowbite vai alla guida:

Installa flowbite con rails

$ rails g controller Pages home corso pagina about 
$ bin/dev
Enter fullscreen mode Exit fullscreen mode

Impostare il mockup e il css

Anche se per comodità abbiamo scelto flowbite cercheremo di seguire i consigli di hotrails per personalizzare l'app.

https://www.hotrails.dev/turbo-rails/css-ruby-on-rails

Qui è dove sceglieremo bellissimi

  • palette colori
  • font
  • caratteri leggibili
  • scala degli spazi

Chidiamo a chat gpt come impostare il file application.tailwind.css e tailwind.config.css

Poi passeremo a vedere i mockup di:

L'interfaccia admin sarà gestita da una gemma quale

gem "administrate"
gem 'administrate-field-enum'
ma sono da vedere però alcuni passaggi che forse sarà necessario sviluppare.

home.html.erb
corso.html.erb
dashboard.html.erb
setting.html.erb
all_course
my_course
Event
Appointment
Invoice
Contact

Simple Form con Tailwindcss

https://dev.to/nejremeslnici/styling-simple-form-forms-with-tailwind-4pel

Per creare le api possiamo seguire https://github.com/lorint/brick

Albero delle decisioni per i tipi di percorso:

 - SceltaPrincipale:
    - Autonomia:
        - Descrizione: "Puoi gestire il trattamento autonomamente."
    - Professionista:
        - EventoOnline:
            - Standard: 
                - Gruppo:
                    - Descrizione: "Trattamento standard online in gruppo."
                - Singolo:
                    - Descrizione: "Trattamento standard online individuale."
            - Personalizzato:    
                - Gruppo:
                        - Descrizione: "Trattamento standard online in gruppo."   
                - Singolo:
                    - Descrizione: "Trattamento personalizzato online individuale."

        - EventoOffline:
            - InStudio:
                - Standard: 
                    - Gruppo:
                        - Descrizione: "Trattamento standard online in gruppo."
                    - Singolo:
                        - Descrizione: "Trattamento standard online individuale."
                - Personalizzato:   
                    - Gruppo:
                        - Descrizione: "Trattamento standard online in gruppo."    
                    - Singolo:
                        - Descrizione: "Trattamento personalizzato online individuale."          
            - ADomicilio:
                - Standard: 
                    - Gruppo:
                        - Descrizione: "Trattamento standard online in gruppo."
                    - Singolo:
                        - Descrizione: "Trattamento standard online individuale."
                - Personalizzato:      
                    - Gruppo:
                        - Descrizione: "Trattamento standard online in gruppo." 
                    - Singolo:
                        - Descrizione: "Trattamento personalizzato online individuale."


Enter fullscreen mode Exit fullscreen mode

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay