A React App made using Redux and Typescript with Google OAuth for Authentication
- Uses Google OAuth for quick Sign-In
- Keeps list of Notes persistent across sessions
- Keeps data in Sync across devices
Codebase:
- Used Typescript for maintainability and scalabality of codebase
- Used Firebase for a Serverless Backend Solution
- Used Redux for centralized and consistent application state
- Used Redux Thunks for Asynchronous API calls to Firebase
- Used Styled-Components styling without CSS dependency
- Used Material UI for a clean look
If you want use this as a front-end with your own Firebase Application then,
git clone https://github.com/LeonEstrak/take-a-note-react
cd take-a-note-react/src
#Create a file to save your firebase config
touch firebaseConfig.ts
Create a new Firebase Project and copy the config files into firebaseConfig.ts after which you can,
#install dependencies
npm i
#start development server
npm start
The firebaseConfig.ts should look like this,
export const firebaseConfig = {
apiKey: "string",
authDomain: "string",
projectId: "string",
storageBucket: "string",
messagingSenderId: "string",
appId: "string",
measurementId: "string",
};
