Git Product home page Git Product logo

rails-material-theme's Introduction

README

This project provides a base Rails app with Material Theme theme. The app also comes with basic functionalities like User Sign-up and Log-in.

With a few steps, you can customize the app for your own needs.

Screenshots

Rails-Material-Screenshot-1 Rails-Material-Screenshot-2

Dependencies

Below is the environment I tested on:

$ ruby -v
ruby 2.5.0p0 (2017-12-25 revision 61468) [x86_64-darwin17]

$ rails --version
Rails 5.2.3

By default, the app depends on postgres v9.6.

Database creation & initialization

bundle exec rake db:create
bundle exec rake db:migrate

Note: The user model is created with the Devise gem.

Running the app locally

export DATABASE_URL=postgres://<DB_USER>:<DB_PASS>@localhost:5432/rails-material-dev
export RAILS_ENV=development
bundle exec rails s

Visit the page: http://localhost:3000/

Gems already installed

  • Bootstrap
  • Devise
  • jquery
  • material-sass
  • bootstrap_form

Customize the app

  • Rename the app (search and replace hotpot with your app's name)
  • Tweak the front end for you needs

Contributing

To contribute, follow the steps:

  • Fork this repo and clone to your local machine
  • Create your feature branch (git checkout -b my-awesome-feature)
  • Commit your changes (git commit -am 'Implement blah')
  • Push to your branch (git push origin my-awesome-feature)
  • Create a new pull pequest (PR) with a brief description of what and why.
  • Get notified when your PR is merged!

Issues and pull requests are always welcome!

rails-material-theme's People

Contributors

junjizhi avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.