Git Product home page Git Product logo

carpe-mea-visio's Introduction

Carpe Mea Visio

I have spent countless hours working on this project in order to help me get a job. Well, I now have a job and am releasing this project to the world to see what kind of monster you can create.

This is a project with lots of awesome things! It includes:

  • Firebase Functions, Firestore, Extensions, and Hosting
  • React Hooks and Code Splitting
  • React Router
  • HTML5 Image Resizing (client-side image resizing is the best)

This project was bootstrapped with Create React App.

To get this project started, do the following:

  • Install the Firebase CLI on your machine
  • Install all front-end dependencies npm install
  • Install all functional dependencies: cd functions; npm install;
  • Create a Firebase account and new project. Once you get to the page with your new projects Keys, Domains, URLs, etc, stay there. You will need this information for your .env file
  • Create a .env file in your projects directory: touch .env
  • Add the following Firebase keys to your .env file
REACT_APP_FB_KEY=''
REACT_APP_FB_DOMAIN=''
REACT_APP_FB_DB_URL=''
REACT_APP_FB_PID=''
REACT_APP_FB_STORAGEBUCKET=''
REACT_APP_FB_MESSAGING_ID=''
REACT_APP_FB_APP_ID=''
REACT_APP_FB_MEASUREMENT_ID=''
  • Once all this information is set up, go into your Firebase app and set up Auth, with providers, Firestore, Functions, and the email extension.
  • Update the package.json file with your information
  • Deploy your functions using the custom script npm run deploy-functions
  • Start the app with npm start

Then you can play around to your hearts content to improve this general to-do app!

carpe-mea-visio's People

Contributors

andersjr1984 avatar

Watchers

James Cloos avatar

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.