Git Product home page Git Product logo

alfou-webapp's Introduction

Alfou Webapp  Logo

Alfou Webapp

Build Status


This project is an advertisement website and an email service for Alfou-sécurité, a security and cleaning service business based in Casablanca, Morocco.

The src folder contains the actual webapp, while the functions folder contains the backend cloud functions and the the designs folder contains the photoshop projects for the company's logo, flyer, cover and business card.

Development server (angular cli)

  • First clone the repo: git clone [email protected]:salah3x/alfou-webapp.git
  • Install dependencies for the web app (assuming node, npm and ng are already installed): cd alfou-webapp && npm install
  • Install dependencies for the backend project cd functions && npm install
  • Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Development server (firebase cli)

  • Serve the hosting plan (content of dist/alfou-webapp) locally: firebase serve --only hosting
  • Serve the cloud functions in a local server: firebase serve --only functions[:function_name]

Build

Run ng build to build the project. The build artifacts will be stored in the dist/alfou-webapp directory. Use the --prod flag for a production build.

Deployment

  • First in the functions folder, add a secret.json file that contains the folowing :
{
    "API_KEY": "[YOUR_SENDGRID_API_KEY]"
}
  • Install firebase tools: npm install -g firebase-tools
  • Authenticate the cli and access Firebase projects: firebase login
  • Initialize your site (choose the dist/alfou-webapp folder): firebase init
  • Deploy the site and the backend functions to Firebase: firebase deploy [--only hosting | functions] (This will build the project first and do some linting)
  • Visit https://alfou.net/

This project was generated with Angular CLI version 7.0.4.

alfou-webapp's People

Contributors

salah3x avatar

Watchers

 avatar  avatar

alfou-webapp's Issues

Change Date to Timestamp

The behavior for Date objects stored in Firestore is going to change
AND YOUR APP MAY BREAK.
To hide this warning and ensure your app does not break, you need to add the
following code to your app before calling any other Cloud Firestore methods:

const firestore = new Firestore();
 const settings = { [your settings...] timestampsInSnapshots: true};
firestore.settings(settings);

With this change, timestamps stored in Cloud Firestore will be read back as
Firebase Timestamp objects instead of as system Date objects. So you will also
need to update code expecting a Date to instead expect a Timestamp. For example:

// Old:
const date = snapshot.get('created_at');

// New:

const timestamp = snapshot.get('created_at');
const date = timestamp.toDate();

Please audit all existing usages of Date when you enable the new behavior. In a
future release, the behavior will change to the new behavior, so if you do not
follow these steps, YOUR APP MAY BREAK.

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.