This is my first React project that I did as part of the React For Beginners by Wes Bos. The purpose of this project was to create an online fish market where all the features were created using React. Also, it uses Firebase for real-time application persistence and authentication as well as LocalStorage for browser persistence.
-
React 15.0.0
-
Firebase 2.3.1
-
LocalStorage
Note: Please see package.json for additional details regarding dependencies.
Also, Firebase 2.3.1 only works with the Firebase legacy platform.
https://firebase.google.com
-
Click to console
in the upper hand of the web page. -
Click
Create New Project
-
Set
Project name
tocatch of the day
-
Click
Create Project
-
Replace
YOUR-FIREBASE-PROJECT-URL
with the URL that appears in theDatabase
section within the Firebase console. Thus, you'll need to update the following files:/path/to/project/scripts/components/App.js /path/to/project/scripts/components/Inventory.js
$ gulp
Note: This will allow you to make changes to the running application without having to restart the server.
-
create a Github application and connect it with Firebase console
-
on Github.com, https://github.com/settings/developers
-
enter
Application name
asCatch of the Day
-
enter
Homepage URL
ashttp://localhost:3000
-
enter
Application description
asCatch of the Day
-
enter
Authorization callback URL
ashttps://auth.firebase.com/v2/catch-of-the-day-cwt/auth/github/callback
-
click
Register application
-
on Firbase.com console, navigate to
Login & Auth
-
click the
Github
tab -
enter
GitHub Client ID
andGitHub Client ID
-
-
create a Facebook application and connect it with Firebase console
-
on Facebook.com, https://developers.facebook.com/apps/
-
click,
Add a New App
-
click,
Website
-
click
Skip and Create App ID
-
enter
Display Name
Catch of the Day
-
enter contact e-mail address as
YOUR-EMAIL-ADDRESS
-
enter
Choose a Category
asFood & Drink
-
click
Create App ID
-
enter
App Domains
ashttp://localhost:3000
-
click
Add platform
-
enter
Site URL
ashttp://localhost:3000
-
click
Save Changes
-
on Firbase.com console, navigate to
Login & Auth
-
click the
Facebook
tab -
click
Enable Facebook Authentication
checkbox -
enter
Facebook App Id
andFacebook App Secret
-
-
create a Twitter application and connect it with Firebase console
-
on Twitter.com, https://apps.twitter.com
-
click,
Create New App
-
enter
Name
asCatch of the Day
-
enter
Description
asCatch of the Day
-
enter
Website
ashttp://localhost:3000
-
enter
Callback URL
ashttps://auth.firebase.com/v2/catch-of-the-day-cwt/auth/twitter/callback
-
accept the
Twitter Developer Agreement
by clicking checkbox -
click
Create your Twitter application
-
on Firbase.com console, navigate to
Login & Auth
-
click the
Twitter
tab -
click
Enable Twitter Authentication
checkbox -
enter
Twitter API Key
andTwitter API Secret
-
TBD
Bug reports and feature requests can be filed against this project here:
Catch of the Day is released under the MIT license.
copyright:: (c) Copyright 2016 Conrad Taylor. All Rights Reserved.