« A conference website template that helps you to set up mobile first conference website with blog, speakers and schedule management in a few minutes.
The template is created based on 7 years of GDG Lviv team experience of running conferences and feedback from more than 500 event organizers from all around the world who were using previous Hoverboard versions.
Our goal is to allow event organizers to set up professional conference website with minimum resources.
To get started you need only basic knowledge of web technologies and a free Firebase account. »
Hacker Noon 2.0 Dev Update 2: Electric Boogaloo
Photo by José Miguel on UnsplashFor the past few months, I’ve been hacking away on Hacker Noon 2.0. In that time, I’ve encountered a wide array of technical challenges, gotchas, tricks, and treats. Today, I’d like to share some of that with you, our community.Let’s start with some of our #architecture: we started by using #firebase on the backend, and #react on the frontend. As discussed at our Github event at the beginning of March, we quickly discovered that Firebase costs would get out of hand. Long story short, we decided to go with a hybrid system, one that uses a CDN (content delivery network) to serve high-traffic pages like the homepage, story pages, and so on, and a fully-powered Firebase app will serve pages like the story editor, the editor dashboard, the admin dashboard, etc. This (...)
Creating A Photo Gallery in #swift Using #firebase & INSPhotoGallery
I am currently building a travel app called i-Travel Journal and one of the functionalities that I wanted to add was the ability to allow users to upload and delete photos from a gallery. I was searching the internet for a blog post that not only used Firebase on the back-end, but also used the awesome INSPhotoGallery Pods Framework to get the job done, but to my dismay I could not find one that showed all the intricate details. Therefore, to help my fellow coder, I decided to put out a post to help someone get their photo gallery up and running.To keep this blog post short, I will provide links to the Firebase Documentation to help you get started, if you do not have it already integrated into your application.Firebase SDK iOS get startedFirebase Realtime Database get started1. First (...)
Email Authentication with React native and #firebase
There are various ways to authenticate a user might be by using Facebook, Google, Twitter, LinkedIn & Email etc. But Email authentication is still the most popular authentication method. In this tutorial, we will walk you through to create Email authentication with React native and Firebase.Featured React Native CourseThe Practical Guide to React Native: Build iOS/Android AppsMultiplatform Mobile App Development with React Native | CourseraUsing React Native with firebase make it easy to implement. So without wasting more time let’s beginFirst of all, create new react native project with the expo.Email Authentication with React native and Firebase using Expo:In this post, we are using expo for without touching Xcode or Android studio. Open up your terminal or command line and type (...)
Hey Jon, you can learn more about Hacker Noon product development in the community forum.
Hey Jon, you can learn more about Hacker Noon product development in the community forum. We are building our own #cms, the backend if Google Cloud Platform and the front end is mostly React.Hey Jon, you can learn more about Hacker Noon product development in the community forum. was originally published in Hacker Noon on Medium, where people are continuing the conversation by highlighting and responding to this story.
Automate build, test and deployment using GitLab CI/CDI recently wrote about how to CI/CD with Angular 6, Firebase and Bitbucket Pipelines. I received the feedback to also try out GitLab. Here we go.OutlineCreate GitLab RepositoryCreate Angular 6 demo applicationConfiguration Angular 6 for CI/CD (Build, Test, Deploy)Create Firebase projectConfigure CI/CD in GitLabPrerequisitesGitLab and Firebase accountGit and Node.js 10.x installed on your local development machine(1) Create GitLab repositoryFirst we create a new GitLab repository. You can find my demo repository here: ▻https://gitlab.com/kniklas/angular-firebase-ci-demo(2) Create Angular 6 Demo ApplicationFor this demonstration we create our Angular application with the Angular CLI. If you have not installed the CLI yet, use the following (...)
Create a #graphql — #firebase server just with a schema.
Create a GraphQL — Firebase server just with a schema. ?Now you can create a GraphQL server, connected to your Firebase ? database just running a command on your terminal.How to use it:Install easygraphql-firebase:$ npm install easygraphql-firebase -g2. Create a GraphQL schema file with the model you want to have:type Student key: ID! age: Int! name: String!type School key: ID! location: String! students: Int! name: String! student: Student!input StudentInput age: Int! name: String!input SchoolInput location: String! students: Int! name: String! phone: String! student: StudentInput!type Query getStudentByUsername(name: String!): Student! getStudents: [Student!]! getSchool(name: String!): School! getSchools: [School!]!type Mutation createStudent(input: StudentInput!): (...)
From Build to Launch in 5 weeks: A #firebase, #flamelink & #flutter Fairytale.
I’ve been involved in the tech industry for the best part of 5 years now, in varying roles across the board ranging from freelance Digital Copywriter, Business Relationship Manager/Account Exec and most recently as Marketing Lead at Flamelink.I’ve learnt in this time, that tech projects take time. More often than not, more time than was originally anticipated.I’m not going to unpack the reasons for my above statement any further - that’s something I’m not willing to stick my neck out for - Not even for the GDP of a small island nation somewhere in the Atlantic Ocean. ;-)The point is that these projects take time. And time is money. So it stands to reason, the longer it takes to build an app, or website, the more money it costs, whether the client foots the bill or it comes down to the (...)
How to easily #bootstrap a #side-project on the cloud
Side-ProjectJob hunting is really hard nowadays, mostly because job offers are distributed across job boards, aggregators and companies career pages. So I decided to create Job Buddy , a web app that tracks all your digital job applications. You can either use the chrome extension or simply paste the url of the job description in Job Buddy to save it.In this way you can manage from a single admin page all the career opportunities you are interested in.In this post I wanted to share the tech stack behind Job Buddy to show that you can quickly bootstrap a complete Web App at almost 0 cost. I developed Job Buddy really fast, spending just 18,5€:14€ for the jobbuddy.app domain from Google Domains4,5€ for the Chrome Web Store subscriptionStackJob Buddy is almost entirely deployed on top of (...)
How to Set Up an Angular Application on #firebase
Angular is front-end framework that’s focused on declarative templating, dependency injection and integrates some of the best practices to make web development less challenging. Angular’s architecture is structured around components that are reusable and is built in a way that helps developers write code for the web, mobile and the desktop.In this tutorial, we are going to have at our options for quickly deploying an Angular application and some of the challenges that you might come across.Let’s have a look at Angular CLI firstAngular CLI is the official command-line tool that lets you generate, build, debug and serve Angular applications them and run tests and deploy them.This is an essential tool that you can use to create recommended boilerplates for your Angular application. To install (...)
Creating your Schema in #flamelink.io, a Headless #cms for #firebase?
In this article we’ll cover how to create a schema in Flamelink, a headless CMS for Firebase. We’ll also cover how to edit your schema details and how to add, sort & customize your fields.If this is the first time you’ve heard about Flamelink, check out our explainer.You can also find out “How to get started with Flamelink” to learn how to hook Flamelink up to Firebase to help you manage content within your Firebase projects.Alrighty, let’s jump straight into it. You can either watch the Tutorial video below, or follow along with the article (now with free screenshots included).▻https://medium.com/media/8f10b24145ab1c667f6c1974ec5a7bc6/hrefSetting up your Content SchemasFlamelink’s Schema builder lets you structure your content or data in the most optimal way for your app, offering you (...)
Integrating #firebase #authentication with #react Router in React 16.3
▻https://medium.com/media/23d780ad25b9d0a143198553201dbe25/hrefAfter many months of React Native development, I’ve been acquainted with building an authentication workflow between Firebase and React Navigation. Lately I was looking to do the same but in ReactJS. The only difference between the web and the native use case is that, on a web app, the user can try to access a navigation state directly via the URL so you need to protect your components. Luckily, React 16.3 now provides a fantastic new Context API that will help us with that.We first create a Firebase auth context that contains two values:authStatusReported indicates if Firebase has reported the auth status. If the auth status hasn’t been reported yet, you might want to display a loading indicator for your app.isUserSignedIn (...)
Deploying #angular Universal v6+ with #firebase
Disclaimer: This blog post will be a focused step-by-step tutorial of how to deploy an Angular Universal App using Firebase Hosting. For any explanations about Angular Universal and Server Side Rendering, Angular has a great documentation on their website.You can also find the source code on Github.Requirementsnode.js (I am using v8.11.1 for this tutorial)Angular 6+ (I have written a similar article for deploying Angular < v6)Part I: Set Up Angular App ?1. Install global dependenciesWe are going to use @angular/cli and firebase-tools in command line to build and deploy your app.@angular/cli ≥ 6.0.0firebase-tools v3.18.42. Create a new Angular projectUsing @angular/cli , we are going to create a new angular app. In this case, I will name it angular-universal-firebase .3. Install (...)
We Built a Thing with #flamelink, a #firebase #cms… You won’t believe what happened next.
Ok. So clickbaity headlines notwithstanding, over the last few months we’ve been hard at work to get Flamelink, a headless CMS for Firebase, out of beta with some really great refinements and suggestions from our amazing early adopters. We’ve also been helping a bunch of Devs new to the Firebase page get started with hooking Flamelink up to their Firebase projects. And that’s only the behind-the-scenes stuff. We’re pretty excited to share one of the projects we’ve been able to implement a Firebase x Flamelink solution for.NOTE: This article may or may not be peppered with sporting puns…Before we dive into the project: Wanna know more about Flamelink, a Firebase CMS? Check this out:▻https://medium.com/media/d7ada5b89df31f1d896960476d4cc423/hrefOld Mutual’s Challenge:Old Mutual, a Fortune Global (...)
React and Firebase, sittin’ in a tree
“Firebase is weird. But so is React. And they’re both the same sort of weird. And the weirdness soon turns into a pleasing string of ‘aha’s and now, for me, the whole thing feels like a finished jigsaw puzzle.”