Git Product home page Git Product logo

petal's Introduction

Petal

This template is out of date. The earlier hurdles of setting up Tailwind is now made much easier with these official libraries:

With the introduction of LiveView.JS, there isn't as much of a need for AlpineJS.

Phoenix LiveView has also progressed a lot since the introduction of this template, such as using HEEX templates and Phoenix.Component, providing much better patterns when spinning up new projects. Therefore, this will be archived.


Clone this project and rename

export FROM="petal"
export FROM_MODULE="Petal"
export TO="my_app"
export TO_MODULE="MyApp"

# Skip these steps if you used GitHub's 'Use this template' feature
git clone [email protected]:zestcreative/petal.git "$TO"
cd "$TO"

# Rename the project
git ls-files -z | xargs -0 perl -p -i -e "s/$FROM/$TO/g; s/$FROM_MODULE/$TO_MODULE/g;"
mv "lib/${FROM}" "lib/$TO"
mv "lib/${FROM}.ex" "lib/${TO}.ex"
mv "lib/${FROM}_web" "lib/${TO}_web"
mv "lib/${FROM}_web.ex" "lib/${TO}_web.ex"
mv "test/${FROM}_web" "test/${TO}_web"

# Skip these steps if you used GitHub's 'Use this template' feature
rm -rfv .git
git init .

# Commit Renaming
git add -A
git commit -m "PETAL stack init ๐Ÿฃ๐Ÿ”ฅ"

To start your Phoenix server:

  • Setup the project with mix setup
  • Start Phoenix endpoint and IEx console with iex -S mix phx.server

Now you can visit localhost:4000 from your browser.

Ready to run in production? Please check our deployment guides.

Learn more

petal's People

Contributors

dbernheisel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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.