jrmann100 / dahlia

A people browser for the DALI Lab.

Home Page:https://dahlia-web.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

A people browser for the DALI Lab.

https://dahlia-web.web.app/


Languages

Language:TypeScript 91.2%Language:HTML 5.7%Language:CSS 1.4%Language:JavaScript 1.1%Language:SCSS 0.5%