https://github.com/telljo/turbo-demo

This repository showcases the power of Rails with Turbo and Morphing to achieve a Single Page Application (SPA) feel without writing any custom JavaScript.
https://github.com/telljo/turbo-demo

hotwire-turbo morphing rails ruby ruby-on-rails turbo

Last synced: 13 days ago
JSON representation

This repository showcases the power of Rails with Turbo and Morphing to achieve a Single Page Application (SPA) feel without writing any custom JavaScript.

• Host: GitHub
• URL: https://github.com/telljo/turbo-demo
• Owner: telljo
• Created: 2024-08-07T20:12:02.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-22T20:53:11.000Z (4 months ago)
• Last Synced: 2024-11-02T15:27:04.129Z (2 months ago)
• Topics: hotwire-turbo, morphing, rails, ruby, ruby-on-rails, turbo
• Language: Ruby
• Homepage:
• Size: 62.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Turbo Rails Demo

This repository showcases the power of Rails with Turbo and Morphing to achieve a Single Page Application (SPA) feel without writing any JavaScript.

## Overview

This demo application demonstrates how to utilize Rails' Turbo and Morphing features to create a smooth, fast user experience typically associated with SPAs, while leveraging the simplicity and convention of Rails.

## Features

- SPA-like navigation without page reloads

- Real-time updates using Turbo Streams

- Smooth transitions with Turbo Morphing

- All features implemented without custom JavaScript

## Setup

1. Clone the repository:

  - `git clone https://github.com/telljo/turbo-demo.git`

  - `cd turbo-demo`

2. Install dependencies:

  - `bundle install`

3. Set up the database:

  - `rails db:create db:migrate`

4. Seed the database:

  - `bundle exec rake db:seed`

5. Start the Rails server:

  - `bin/dev`

6. Visit `http://localhost:3000` in your browser to see the demo in action.

## Usage

The main branch showcases various features such as turbo streams, turbo frames, turbo moprhing etc. If you want to see a basic version which functions like a regular rails app with the added feature of turbo morphing then checkout the branch `basic-version`

## Technologies Used

- Ruby on Rails

- Turbo

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

This project is open source and available under the [MIT License](LICENSE).

## Additional Resources

- [Turbo Rails Documentation](https://github.com/hotwired/turbo-rails)

- [Hotwire](https://hotwired.dev/)

- [Rails Guides](https://guides.rubyonrails.org/)