React 🤝 Phoenix 🤝 TypeScript

A Phoenix framework app with React and TypeScript as its frontend.

Phoenix Backend

• Install dependencies with mix deps.get
• Create and migrate your database with mix ecto.setup
• Start the Phoenix endpoint with mix phx.server or inside IEx with iex -S mix phx.server

Now you can visit localhost:4000 from your browser.

React frontend

For developing the frontend:

• cd into the frontend directory
• Install all dependencies with npm install
• Start the dev server with npm run dev

Now you can visit localhost:3000 from your browser.

Read More

To understand how the entire setup works, read this detailed blogpost where I explain it in detail.