Dahlia
Connecting DALI Lab members digitally since 2023.
This project was built for the DALI Lab Social Media Challenge. It is a full-stack serverless app built on Firebase and using Create-React-App, TypeScript, React Router, and Material UI.
By @jrmann100
Objectives
- Present a dataset of user profile data using a clean UI.
Organized the product into components and views using React, supercharging a custom-built interface with reactive Typescript. - Use Firebase to organize data.
Firebase Firestore provided the framework to organize the data into a document-based database, with custom security rules to prevent tampering. - Use React Hooks to extend the abilities of the code.
Create custom hooks to manage React Context - Organize the site into key views and route efficiently.
- Deploy the site on Firebase Hosting.
- Integrate Firebase Auth/Google OAuth for a personalized experience.
Add Google Sign-In for quick authentication. Link Firestore profiles to user accounts.
Building and Deploying
Build the project:
yarn && yarn build
Preview locally:
yarn start
(Maintainers only) deploy the product:
firebase deploy