![alt text](assets/logo.png) This is frontview gem, a gem that gives the front-end template to the rails 6 applications for easier web development. It provides the assets contents i.e folders & files(images[favicon.png & logo.png], stylesheets[css/style.css]), javascript content i.e (javascript/packs/main.js) & the views contents folders & Files. ## Installation Add this line to your application's Gemfile: ```ruby gem 'frontview' ``` And then execute: ``` $ bundle install ``` Or install it yourself as: ``` $ gem install frontview ``` ## Usage Add the gem to your gemfile and then run bundle install. Run scaffold. Lets assume our model is 'home' which has a 'title' and a 'body'(Optional) ``` $ rails g scaffold home title:string body:text ``` Delete scaffold.scss, from (assets/stylesheets/scaffold.scss). (Optional) - Delete the Sass files i.e homes.scss. Delete all the files in views/homes except index.html.erb Generate the necessary files and folders by: ``` $ rails g frontview:install ``` N/B: You will be prompted to give the name of your model, In this case you'll write 'home' and press enter. All the files will then be in place. Create & Migrate DB ``` $ rails db:create && rails db:migrate ``` Finally run the rails server and you are good to go: ``` $ rails s ``` Access your web in: localhost:3000 Optional: 1. Remove the line '*= require_tree .' from 'assets/stylesheets/application.css' 2. Remove or comment the line 'require("turbolinks").start()' from 'javascript/packs/application.js' Reasons for the above optional procedures: The first option allows for the individual inclusion of each css file in the 'application.html.erb' file. The second and third options disable turbolinks. Rails core team has chose to enable it by default. Unfortunately there are some subtle edge cases and scenarios in which Turbolinks will not work as expected, and for these reasons we don't think it's a great default. This gem is suitable for a new project. It helps to kickstart everything very fast. If everything runs perfectly, don't forget to follow on twitter ========> https://twitter.com/frontview3 You can also support the efforts to always update and provide the best themes free for everyone through: ========> https://www.buymeacoffee.com/elibiz ## Sample screenshots of the frontview theme: ## Home Screenshot in large screens: ![alt text](assets/sample1.png) ## Features Screenshot: ![alt text](assets/sample2.png) ## Pricing Screenshot: ![alt text](assets/sample3.png) ## Contact Screenshot: ![alt text](assets/sample4.png) ## Home Screenshot in small screens: ![alt text](assets/sample5.png) ## Congrats \ / \ / \ / | / | / / _/ / ___________ / / | |_____/ /_________ | | / /\___ \ | | / / / | | | / /__/_______/__ | | | ___ / \ / | | / / | / | | /__/________________/ / | | ___/ \ / ___ | | / / | / [___]|_| /__/_____________/ /_____/ \ / / | \ /_/___________/ \_________/ ## Development After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake test` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment. To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org). ## Contributing Bug reports and pull requests are welcome on GitHub at https://github.com/elibiz443/frontview. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/elibiz443/frontview/blob/master/CODE_OF_CONDUCT.md). ## License The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). ## Code of Conduct Everyone interacting in the Frontview project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/elibiz443/frontview/blob/master/CODE_OF_CONDUCT.md).