In Progress

Simple seed react/express deploys to Azure app service

I need someone to set me up with a seed repo. I'm a bit over-committed and don't have time to read all the documentation needed at this moment. It should be pretty straight-forward for someone who already has the requisite skills.

I'd like a demo app that I can just start hacking at with the major bits wired up, but no meaningful content yet.

Client tech: react, react-router 4.x, redux. Here's a repo that would work fine: [login to view URL], and is maybe preferred. SCSS (or Compass) integration should be added.

Server tech: Koa or express api and serving the client. I followed this tutorial and understand it, so just using it as the base is great: [login to view URL] but you could also use something else similar.

Deployment: azure app service. I already understand how to set up continuous deployment through git, and that's what I'd like to use.

So, the deliverable is a repo I can clone (or unzip, or whatever) that:

1. Works in linux (including an Azure linux app service, not IIS). I'm using vim, not Visual Studio.

2. I can run npm start and get a dev server to some blank-ish react/router app that integrates SCSS and has a .scss file to get me started.

3. Serves the react app from static, and handles api calls through koa/express.

1. It only needs a "hello-world" api call, and some UI button to confirm that routing to the api works when deployed on Azure.

2. it should have at least two routes so I can confirm that when I deploy it to azure, routing is handled correctly when deployed on Azure.

4. A build step like npm run build or similar to bundle everything into, say, ./build (or some other appropriate name). babeljs is a little preferred, maybe, but webpack or something else is fine.

5. When I commit to master, there's a correct [login to view URL] and [login to view URL] file (and whatever else is needed), so my Azure App Service pulls the newest commit and deploys. It must handle client side react-router routes when deployed on Azure.

I think someone may already have such a seed/starter, or be able to make one in an hour or so.

The part I'm having the hardest time with is Azure, and I don't have time to read docs in minute detail. This is just a way for me to temporarily skip the plumbing I don't know and make progress on the app itself.

Thanks

Update: Here's a starter repo https://github.com/flatlogic/react-dashboard/ If someone just got so I could do continuous deployment to Azure, that would completely satisfy me.

Skills: Azure, Express JS, Javascript, node.js, React.js

See more: deploying create-react-app on microsoft azure, create react app azure, deploy react app in azure, deploy react app to azure web app, azure web app react, webpack azure deploy, publish react app to azure, how to host react app on azure, ubuntu running python app service, sql express backup using web service, web app service ticket, jboss simple web service example hello world, psd iphone app service, compiling realbasic app service, iphone app service provider, paypal express checkout google app engine, tnt road express price checker web service, android app service engineer, promote app service videohive, promote app service

About the Employer:
( 3 reviews ) Durham, United States

Project ID: #18185753

Awarded to:

CaptainSaddaf

I’m Full Stack developer with vast experience in Redux, Flux, Node Js,Express Js, MongoDB,MySQL Bootstrap, Web Pack..I have good skills in JavaScript, JQuery, Html5, CSS, Bootstrap, BluePrintJs, Typescript, React, Micr More

$23 USD in 1 day
(5 Reviews)
3.4

2 freelancers are bidding on average $24 for this job

alkajain2906

Greetings,
Thank you for posting a Job. I WILL DO THIS AS PER YOUR REQUIREMENT AND EXPECTATIONS. With the experience of over 300+web development projects including ANDROID, IOS, WEBSITES, WEB APPLICATIONS AND SOFTWARE More

$25 USD in 1 day
(5 Reviews)
3.7