Login of app to remind to drink water, using Firebase tools like Firebase Auth and Firebase Firestore

Overview

Water Reminder Login App

:octocat: Menu Contents

πŸ“Œ Motivation

This app was built to teach through the article: how to install, configure and utilize Firebase with Auth and Firestore. The app include the following functionalities:

  1. SignUp screen with creation of new user
  2. SignIn screen with user login
  3. Recovery password screen
  4. Home screen
  5. Auth hook responsible to create all the necessary methods to utilize on login process

πŸ“· Final images

Water reminder app

Water reminder app Android and iOS

πŸ’» How to run the app

cd water-reminder

yarn install

cd ios && pod install

yarn ios
yarn android

πŸ”§ Technologies utilized

  • React Native CLI
  • TypeScript
  • React Navigation Stack
  • Context API
  • External fonts by Google
  • Social login using Firebase Auth
  • Firebase Firestore Database
  • Async Storage
  • Personalized SVG's

πŸ“ Dev

My name is Ilda Neta, and was a pleasure to me built this app. To see more details about me and my career, enter into my linkedIn or my blog ildaneta.dev.

Made with love πŸ’— by Ilda Neta.

You might also like...

Test cloud functions, firestore triggers, fcm locally without need to upgrade for blaze plan πŸ”₯

Idea Test and try cloud functions with FCM locally and for free without upgrade to firebase blaze plan πŸ”₯ What you will learn πŸ§‘β€πŸ’» Setup NodeJs for c

Dec 15, 2022

blog with angular made in sass and firebase auth with google, facebook and github also you can copy to clipboard

blog with angular made in sass and firebase auth with google, facebook and github also you can copy to clipboard

BlogAngular This project was generated with Angular CLI version 14.1.2. Development server Run ng serve for a dev server. Navigate to http://localhost

Oct 2, 2022

This Application provides basic authentication features like you can register and create account and then login and access your profile.

  This Application provides basic authentication features like you can register and create account and then login and access your profile.

Authentication API This Application provides basic authentication features like you can register and create account and then login and access your pro

Jan 17, 2022

Firebase/Admin Auth Javascript Library for Cloudflare Workers

Flarebase Auth Firebase/Admin Auth Javascript Library for Cloudflare Workers Supported operations: createSessionCookie() verifySessionCookie() signInW

Jan 1, 2023

A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui

A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui

Welcome to FullStack Next.js template πŸ‘‹ A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui ✨ Demo Tech Ne

Oct 16, 2022

Using decentralized identities with Web 2 to create a no login required website. Built using the Handshake blockchain.

Blending Web 2/3, is this Web .666? ( ‒̀ᴗ‒́ )و Μ‘Μ‘ Learn more by joining the Handshake Discord Community applause is a platform I built using centraliz

Mar 3, 2022

πŸ›  Solana Web3 Tools - A set of tools to improve the user experience on Web3 Solana Frontends.

πŸ›  Solana Web3 Tools - A set of tools to improve the user experience on Web3 Solana Frontends.

May 21, 2022

A back-end web app allows you to register and login to access a secrets page

A back-end web app allows you to register and login to access a secrets page

Oct 30, 2022

A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.

Amuchina A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebW

Sep 17, 2022
Owner
Ilda Neta
React Native mobile developer, who loves to create beautiful and friendly-use interfaces. In addition, I'm actively sharing knowledge for our community.
Ilda Neta
Firebase adepter auth process with custom token example in Next Auth

Firebase adepter auth process with custom token example in Next Auth Example of a firebase adapter that works with firebase authentication. A firebase

Low Front 10 Oct 14, 2022
Platello is a web application that randomly generates food and drink recipes based on the user's preferences.

Platello Overview Platello is a web application that randomly generates food and drink recipes based on the user's preferences. Upon loading the page,

null 4 Nov 15, 2022
The Chat'Inn is a simple and minimal realtime chat application whose database is powered by firebase and firestore.

The Chat-in The Chat'Inn is a simple and minimal realtime chat application whose database is powered by firebase and firestore. The frontend part is c

Aswin Asok 11 Aug 8, 2022
Aplicação Angular CRUD para uso e prÑtica do Firebase com Authentication, Firestore e Storage

DiariosApp This project was generated with Angular CLI version 13.3.3. Development server Run ng serve for a dev server. Navigate to http://localhost:

JosΓ© Almir 4 Jun 3, 2022
Auth-Form-Design - Beautiful Auth Form Designed using React πŸ₯°.

?? Auth Form Design ?? Features 1. Check Your Password Strength 2. Can Use Suggested Password 3. Enjoy Responsive Design Getting Started with Create R

Samarpan Dasgupta 2 Dec 24, 2022
You deserve a break, and cuppa is here to remind you.

Oh look at that, it's time for a cuppa! Report a Bug Β· Request Feature About It's easy to spend hours programming, and forget to take a break. Cuppa i

Al Duncanson 7 Oct 20, 2022
node.js project based jwt-auth / register-login-logout

JSON Web Token / Authentication-Authorization JSON Web Token allows us to check Authorization (Session Control). JSON Web Token (JWT) is an open stand

mert 9 Sep 15, 2022
node.js project based jwt-auth / register-login-logout

JSON Web Token / Authentication-Authorization JSON Web Token allows us to check Authorization (Session Control). JSON Web Token (JWT) is an open stand

mert 4 May 28, 2022
An IoT bottle that tracks water consumption. Winner of Best Health Hack, MLH's Best Hardware Hack, and QB3's Best Big Data for the Improvement of Health Care Winner at CruzHacks 2022.

An IoT bottle that tracks water consumption. Winner of Best Health Hack, MLH's Best Hardware Hack, and QB3's Best Big Data for the Improvement of Health Care Winner at CruzHacks 2022.

Nathanael Garza 2 Jan 21, 2022
πŸ‰ Water is a micro-ORM + QueryBuilder designed to facilitate queries and operations on PostgreSQL databases designed to work in Melon

?? Water Water is a micro-ORM + QueryBuilder designed to facilitate queries and operations on PostgreSQL databases designed to work in MelonRuntime In

Melon Runtime 22 Aug 6, 2022