Firebase authentication guide app with create-react-app. The guide helps to understand how the app works itself. More information on the user roles and what not-logged in users, logged in users and admins will be able to do with this app coming soon after app completion.
npm run dev script takes care of watching changes in the less folder and run the app. FAST_REFRESH=false is added to the start script to fix compile issues with create react app. Incase this doesn't work for you, see development server of create-react-app does not auto refresh stackoverflow question or hot Reload stopped working with React "^17.0.1" github issue.
- React router dom tutorial - documentation
- Active NavLink Classes with React Router
- React documentation conditional rendering
- Pluralsight - Return a Variable in the Render Function in React
- Multiple css classes in react
- Fix for smaller screen nav scrolling back to top due to setting focus, found on MDN through Preventing page from scrolling on focus switching stackoverflow question.