Firebase todo app

Example web app using Next.js, React.js, Firebase, and MUI. Demo.

Major technologies

• React.js 17
• Next.js 11
• Material-UI 5
• Firebase 9
• Typescript, ESLint, and Prettier are used to improve the developer experience

Requires

• Node.js >= 14.x
• NPM 7.x

Recommended tools

• Visual Studio Code
  • Prettier extension (formatting)
  • ESLint extension (error checking)
• NVM (helps to manage multiple node.js versions on your machine)

Getting Started

1. Clone the repo
2. Navigate to the project directory in your command line
3. Run npm install
4. Create a Firebase project using their guide
5. Copy your Firebase config details to the .env.local.example file
6. Rename .env.local.example to .env.local
7. Run npm run dev to build and run the site locally

Other Details

This project is meant to help developers get started with Next and Firebase, as well as demonstrate a few React fundamentals.

React context, for example, is used to store the user authentication state.

Contributions welcome :)