Git Product home page Git Product logo

fdd-chat-app's Introduction

FDD Concept: Chat/Messaging Application

Persona 5 Inspired Chat App

Working prototype of a chat/messaging application built with ReactJs and Firebase

Getting Started

Checkout this repo, install dependencies, configure, then start the app.

$ git clone [email protected]:fernandedios/fdd-chat-app.git
$ cd fdd-chat-app
$ npm install

-- configure app

$ npm start

Configuration

This web application requires the following as starting point:

Local Development Variables

export default {
  apiKey: 'your_firebase_api_key',
  authDomain: 'your_firebase_auth_domain',
  databaseURL: 'https://your_firebase_db_url',
  projectId: 'your_firebase_project_id',
  storageBucket: 'your_firebase_storage_bucket',
  messagingSenderId: 'your_firebase_messaging_sender_id',
  appId: 'your_facebook_application_id'
};

Save as 'keys.js' and place it inside the src/config folder.

Production Environment Variables

You will need to add the above values as environment variables

Preview

Access the application preview.

Thanks

FDD Concept: Chat/Messaging Application © 2017, Fernan de Dios. Released under the MIT License.

fernandedios.com  ·  GitHub @fernandedios  ·  Twitter @fernan_de_dios

fdd-chat-app's People

Contributors

fernandedios avatar

Stargazers

Sam Snowman(赵正中) avatar  avatar Dan Banfield avatar Joseph Magsajo avatar Elise Guezel avatar Justin Schreiber avatar

Watchers

James Cloos avatar  avatar

fdd-chat-app's Issues

build fail

error /Users/mac/Develop/project/fdd-chat-app/node_modules/grpc: Command failed.
Exit code: 1
Command: ./node_modules/.bin/node-pre-gyp install --fallback-to-build --library=static_library
Arguments: 
Directory: /Users/mac/Develop/project/fdd-chat-app/node_modules/grpc
Output:
node-pre-gyp info it worked if it ends with ok
node-pre-gyp info using [email protected]
node-pre-gyp info using [email protected] | darwin | arm64
node-pre-gyp info check checked for "/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown/grpc_node.node" (not found)
node-pre-gyp http GET https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v120-darwin-arm64-unknown.tar.gz
(node:75211) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
(Use `node --trace-deprecation ...` to show where the warning was created)
node-pre-gyp http 403 https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v120-darwin-arm64-unknown.tar.gz
node-pre-gyp ERR! Tried to download(403): https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v120-darwin-arm64-unknown.tar.gz 
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v120 ABI, unknown) (falling back to source compile with node-gyp) 
node-pre-gyp http 403 status code downloading tarball https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v120-darwin-arm64-unknown.tar.gz 
node-pre-gyp ERR! Pre-built binaries not installable for [email protected] and [email protected] (node-v120 ABI, unknown) (falling back to source compile with node-gyp) 
node-pre-gyp ERR! Hit error Connection closed while downloading tarball file 
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp info ok 
gyp info ok 
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp info find Python using Python version 3.12.2 found at "/opt/homebrew/opt/[email protected]/bin/python3.12"
gyp info find Python using Python version 3.12.2 found at "/opt/homebrew/opt/[email protected]/bin/python3.12"


gyp info spawn /opt/homebrew/opt/[email protected]/bin/python3.12
gyp info spawn /opt/homebrew/opt/[email protected]/bin/python3.12
gyp info spawn args [
gyp info spawn args '/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args 'binding.gyp',
gyp info spawn args '-f',
gyp info spawn args 'make',
gyp info spawn args '-I',
gyp info spawn args '/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/build/config.gypi',
gyp info spawn args '-I',
gyp info spawn args '/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args '-I',
gyp info spawn args '/Users/mac/Library/Caches/node-gyp/21.7.1/include/node/common.gypi',
gyp info spawn args '-Dlibrary=shared_library',
gyp info spawn args '-Dvisibility=default',
gyp info spawn args '-Dnode_root_dir=/Users/mac/Library/Caches/node-gyp/21.7.1',
gyp info spawn args '-Dnode_gyp_dir=/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args '-Dnode_lib_file=/Users/mac/Library/Caches/node-gyp/21.7.1/<(target_arch)/node.lib',
gyp info spawn args '-Dmodule_root_dir=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc',
gyp info spawn args '-Dnode_engine=v8',
gyp info spawn args '--depth=.',
gyp info spawn args '--no-parallel',
gyp info spawn args '--generator-output',
gyp info spawn args 'build',
gyp info spawn args '-Goutput_dir=.'
gyp info spawn args ]
gyp info spawn args [
gyp info spawn args '/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args 'binding.gyp',
gyp info spawn args '-f',
gyp info spawn args 'make',
gyp info spawn args '-I',
gyp info spawn args '/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/build/config.gypi',
gyp info spawn args '-I',
gyp info spawn args '/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args '-I',
gyp info spawn args '/Users/mac/Library/Caches/node-gyp/21.7.1/include/node/common.gypi',
gyp info spawn args '-Dlibrary=shared_library',
gyp info spawn args '-Dvisibility=default',
gyp info spawn args '-Dnode_root_dir=/Users/mac/Library/Caches/node-gyp/21.7.1',
gyp info spawn args '-Dnode_gyp_dir=/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args '-Dnode_lib_file=/Users/mac/Library/Caches/node-gyp/21.7.1/<(target_arch)/node.lib',
gyp info spawn args '-Dmodule_root_dir=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc',
gyp info spawn args '-Dnode_engine=v8',
gyp info spawn args '--depth=.',
gyp info spawn args '--no-parallel',
gyp info spawn args '--generator-output',
gyp info spawn args 'build',
gyp info spawn args '-Goutput_dir=.'
gyp info spawn args ]
gyp info ok 
gyp info ok 
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp info spawn make
gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
gyp info spawn make
gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/lib/avl/avl.o
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/lib/avl/avl.o
rm: ./Release/.deps/Release/obj.target/grpc/deps/grpc/src/core/lib/avl/avl.o.d.raw: No such file or directory
make: *** [Release/obj.target/grpc/deps/grpc/src/core/lib/avl/avl.o] Error 1
gyp ERR! build error 
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack at ChildProcess.<anonymous> (/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:209:23)
gyp ERR! System Darwin 23.1.0
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/lib/backoff/backoff.o
gyp ERR! command "/opt/homebrew/Cellar/node/21.7.1/bin/node" "/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "build" "--fallback-to-build" "--library=static_library" "--module=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown/grpc_node.node" "--module_name=grpc_node" "--module_path=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown"
gyp ERR! cwd /Users/mac/Develop/project/fdd-chat-app/node_modules/grpc
gyp ERR! node -v v21.7.1
gyp ERR! node-gyp -v v10.0.1
gyp ERR! not ok 
node-pre-gyp ERR! build error 
node-pre-gyp ERR! stack Error: Failed to execute 'node-gyp build --fallback-to-build --library=static_library --module=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown/grpc_node.node --module_name=grpc_node --module_path=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown' (1)
node-pre-gyp ERR! stack     at ChildProcess.<anonymous> (/Users/mac/Develop/project/fdd-chat-app/node_modules/node-pre-gyp/lib/util/compile.js:83:29)
node-pre-gyp ERR! stack     at ChildProcess.emit (node:events:519:28)
node-pre-gyp ERR! stack     at maybeClose (node:internal/child_process:1105:16)
node-pre-gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:305:5)
node-pre-gyp ERR! System Darwin 23.1.0
node-pre-gyp ERR! command "/opt/homebrew/Cellar/node/21.7.1/bin/node" "/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/node_modules/.bin/node-pre-gyp" "install" "--fallback-to-build" "--library=static_library"
node-pre-gyp ERR! cwd /Users/mac/Develop/project/fdd-chat-app/node_modules/grpc
node-pre-gyp ERR! node -v v21.7.1
node-pre-gyp ERR! node-pre-gyp -v v0.7.0
node-pre-gyp ERR! not ok 
Failed to execute 'node-gyp build --fallback-to-build --library=static_library --module=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown/grpc_node.node --module_name=grpc_node --module_path=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown' (1)
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/lib/channel/channel_args.o
  CXX(target) Release/obj.target/grpc/deps/grpc/src/core/lib/channel/channel_stack.o
../deps/grpc/src/core/lib/channel/channel_stack.cc:194:9: error: variable 'user_data' set but not used [-Werror,-Wunused-but-set-variable]
  char* user_data;
        ^
1 error generated.
make: *** [Release/obj.target/grpc/deps/grpc/src/core/lib/channel/channel_stack.o] Error 1
gyp ERR! UNCAUGHT EXCEPTION 
gyp ERR! stack Error: ENOENT: no such file or directory, lstat '/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/build/node_gyp_bins'
gyp ERR! System Darwin 23.1.0
gyp ERR! command "/opt/homebrew/Cellar/node/21.7.1/bin/node" "/opt/homebrew/Cellar/node/21.7.1/libexec/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "build" "--fallback-to-build" "--library=static_library" "--module=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown/grpc_node.node" "--module_name=grpc_node" "--module_path=/Users/mac/Develop/project/fdd-chat-app/node_modules/grpc/src/node/extension_binary/node-v120-darwin-arm64-unknown"
gyp ERR! cwd /Users/mac/Develop/project/fdd-chat-app/node_modules/grpc
gyp ERR! node -v v21.7.1
gyp ERR! node-gyp -v v10.0.1
gyp ERR! Node-gyp failed to build your package.
gyp ERR! Try to update npm and/or node-gyp and if it does not help file an issue

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.