Closed

Angular front-end to display Firebase content without server

This project received 28 bids from talented freelancers with an average bid price of $665 USD.

Get free quotes for a project like this
Employer working
Project Budget
$250 - $750 USD
Total Bids
28
Project Description

I have developed an iOS app and now need to display some data on the web.

The page will need to display product data and facilitate a purchase via Stripe. This is the user flow:

1. User goes to [url removed, login to view]

2. If the user clicks the purchase button, they see a form asking them for shipping details and payment info, which will get processed via Stripe.

You will develop the site solely in front-end Javascript (Angular would be my preferred option, but if you have good reasons to chose something else please discuss them with me), which will

- dynamically fetch product "abc" from the Firebase (in JSON format), so you will only need to build one page which interprets the url (e.g. with angular-ui/ui-router)

- display a loading indicator while the content and images are loading

- render the HTML elements appropriately once the data is available

- enable the user to browse through a set of images (gallery style)

- click a purchase button and purchase an item through a Stripe checkout.

If product abc is not in the database, the page will display an error. Input errors and Stripe API errors which might occur during the purchase (e.g. incorrect address or cvc) will need to be handled on the client side. A successful checkout page will need to be displayed if the user made a purchase. You will need to work with Bootstrap for CSS, there is an existing page template (header, footer, blank space in the middle for you to fill)

This project is suitable to someone who is a great developer with good UI design skills or an agency with developer and designer at hand.

To make sure you have read the specifications properly, please respond with 1. the name of the JS front-end framework I suggested (this should be the first word in your application), and 2. a link to a project you have recently done including a note which of the aforementioned technologies it uses (Angular, Firebase, Stripe, etc.)

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online