Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

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

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.