Note-taking Web Application with Next.js and Firebase

Project is created with:

• Next.js - SSR
• Google Sign-in with next-firebase-auth, firebaseui
• SASS - CSS with Superpowers, use-sound
• React-Icons, Framer-Motion

Features

☑️ Google Sign-in and Test-User Account
☑️ Fetch Notes Data with Server Side Rendering
☑️ Refresh SSR data without reload
☑️ Delete Multiple Notes and Single Note
☑️ Create and Update Note
☑️ Confirm Dialog for exitWithoutSaving
☑️ Search Highlights
☑️ Dropdown Actions

0503.2.mp4

Demo

✨ too.netlify.app

Setup

To run this project, install it locally using npm:

$ git clone https://github.com/thanhtutzaw/too.git
$ cd too
$ cp .env.example .env.local
$ npm install
$ npm run dev