pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

URL: http://github.com/AndrewJBateman/ionic-react-firebase

ts.com/assets/primer-70be7debc79a8eff.css" /> GitHub - AndrewJBateman/ionic-react-firebase: :clipboard: Ionic app with react and firebase as a backend · GitHub
Skip to content

AndrewJBateman/ionic-react-firebase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ Ionic React Firebase

  • App using Ionic with React to store data in a Firebase backend. All code from tutorial by codedamn
  • Note: to open web links in a new window use: ctrl+click on link

GitHub repo size GitHub pull requests GitHub Repo stars GitHub last commit

📄 Table of contents

📚 General info

  • React Effect Hook used to manually change the DOM, equivalent of lifecycle methods componentDidMount, componentDidUpdate & componentWillUnmount combined.
  • Uses ion-toast notifications

📷 Screenshots

Example screenshot

📶 Technologies

💾 Setup

  • Install dependencies using npm i
  • Create your own firebase console project and add firebaseConfig to firebaseConfig.ts
  • Run ionic serve to open the dev server at http://localhost:8100/

💻 Code Examples

  • login function from login.tsx
async function login() {
    setBusy(true)
    const res: any = await loginUser(username, password)
    if (res) {
      console.log('login res', res)
      dispatch(setUserState(res.user.email))
      history.replace('/dashboard')
      toast('You have logged in')
    }
    setBusy(false)
  }

🆒 Features

📋 Status & To-Do List

  • Status: Tutorial completed - all 26 videos completed. Register and Login functions work however when routed to /dashboard just shows a blank screen. Do not update.
  • To-Do: Solve issue of /dashboard page - likely an issue with 'dispatch' in Dashboard.tsx.

👏 Inspiration

📁 License

  • This project is licensed under the terms of the MIT license.

✉️ Contact

About

📋 Ionic app with react and firebase as a backend

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

pFad - Phonifier reborn

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.





Check this box to remove all script contents from the fetched content.



Check this box to remove all images from the fetched content.


Check this box to remove all CSS styles from the fetched content.


Check this box to keep images inefficiently compressed and original size.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy