https://github.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter

Ionic framework with ReactJS Components Starter using SideMenu with Tabs and Authentication Flow
https://github.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter

ionic-capacitor ionic-framework ionic-react javascript json-server react-authentication react-context react-hooks react-query

Last synced: 11 months ago
JSON representation

Ionic framework with ReactJS Components Starter using SideMenu with Tabs and Authentication Flow

• Host: GitHub
• URL: https://github.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter
• Owner: aaronksaunders
• Created: 2020-05-03T01:51:57.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-12-01T00:00:10.000Z (over 5 years ago)
• Last Synced: 2025-04-05T17:43:15.828Z (about 1 year ago)
• Topics: ionic-capacitor, ionic-framework, ionic-react, javascript, json-server, react-authentication, react-context, react-hooks, react-query
• Language: TypeScript
• Homepage:
• Size: 692 KB
• Stars: 21
• Watchers: 3
• Forks: 13
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/W7W31U7HM)

![https://raw.githubusercontent.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter/master/ionic-react-cap.png](https://raw.githubusercontent.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter/master/ionic-react-cap.png)

# Sample Starter Using Side Menu, Tabs & Authentication Flow

####  👉🏾 [Video Overview of Project On YouTube](https://www.youtube.com/watch?v=Es2Td9_UoZc) 📺

####  👉🏾 [Video Series - Learn To Build Mobile Apps with Ionic Framework & ReactJS Video Series](https://www.youtube.com/playlist?list=PL2PY2-9rsgl3aYbgV5Y_jFkCH7WWsiP-f) 📺

- [React Context](https://reactjs.org/docs/context.html) For Managing Authentication State

- [React-Query](https://github.com/tannerlinsley/react-query) For Managing Data State - ⚛️ Hooks for fetching, caching and updating asynchronous data in React

- [JSON-Server](https://github.com/typicode/json-server) Quick Local Server to test Application

### RUNNING SAMPLE

- You must start the `json-server` database before running the app

```

npm run run:db

```

### Ionic Components

- IonTabs

- IonToast

- IonModal

- IonIcons

- IonItem

- IonList

- IonPage

- IonInput

- IonTextarea

- IonReactRouter

![https://raw.githubusercontent.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter/master/image.png](https://raw.githubusercontent.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter/master/image.png)

###  👉🏾 [ReactJS Videos On YouTube](https://www.youtube.com/playlist?list=PL2PY2-9rsgl3OHIMYb1AzVG5wADUxOmUW)