Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manuelgeek/phoenix-inertia

A Phoenix App to demonstrate Vue JS SPA with Inertia JS routing
https://github.com/manuelgeek/phoenix-inertia

elixir-lang inertiajs phoenix-framework spa tailwindcss vue

Last synced: about 6 hours ago
JSON representation

A Phoenix App to demonstrate Vue JS SPA with Inertia JS routing

Awesome Lists containing this project

README

        

## About Phoenix Inertia

This is a sample Laravel project to illustrate Creating SPA with Inertia JS

## Table of contents
- [Set Up](#set-up)
- [Tech Stack](#tech-stack)
- [Features](#features)
- [Screenshot](#screenshot)
- [Resources](#resources)
- [About Me](#about-me)
- [Licence](#licence)

## Set Up
Fork and Clone the project;

To start your Phoenix server:

* Install dependencies with `mix deps.get`
* Create and migrate your database with `mix ecto.setup`
* Install Node.js dependencies with `cd assets && npm install`
* Start Phoenix endpoint with `mix phx.server`

Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.

Ready to run in production? Please [check our deployment guides](https://hexdocs.pm/phoenix/deployment.html).

## Tech Stack
- Phoenix Framework
- Vue Js
- Tailwind CSS
- Inertia JS

## Features

* Register
* Login
* Update Avatar
* CRUD
* Pagination

## Screenshot

img

img

## Resources

- [Inertia](https://inertiajs.com/)
- [Phoenix Inertia](https://github.com/devato/inertia_phoenix)
- [Vue Js Inertia](https://github.com/inertiajs/inertia-vue)

## About Me

[Magak Emmanuel](https://magak.me)

## License

[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=for-the-badge)](#)

[![Open Source Love](https://badges.frapsoft.com/os/v2/open-source-200x33.png?v=103)](#)

Happy coding, Star before Fork 😊💪💯