yuenci/Roommate-Finder

Install

$ yarn
# install dependencies

$ yarn dev
# run development server

$ yarn build
# build for production

Dependencies

Firebase

$ npm install firebase@9.13.0 --save
# https://firebase.google.com/docs/web/setup#available-libraries

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";

Arco Design

$ yarn add @arco-design/web-react

import { Button } from '@arco-design/web-react';
import "@arco-design/web-react/dist/css/arco.css";

React Router

$ yarn add react-router-dom

import { BrowserRouter as Router } from "react-router-dom";

tailwindcss

$ npm install -D tailwindcss postcss autoprefixer
$ npx tailwindcss init -p

PubSub

$ npm install pubsub-js

import PubSub from 'pubsub-js';

SVGR

$ npm i vite-plugin-svgr
# or
$ yarn add vite-plugin-svgr

//vite.config.js
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import svgr from "vite-plugin-svgr";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [svgr(), react()],
});

import { ReactComponent as Logo } from "./logo.svg";

Firebase

$ npm install firebase

pageClip

npm install --save pageclip

emailjs

$ npm install @emailjs/browser --save
## can use post method to send email, no need to use emailjs npm package

axios

$ npm install axios

Test

        // 新加坡服务器
        // axios.post("http://43.134.228.150:5000/sendEmail", data).then(
        //     (res) => {
        //         console.log(res.data);
        //     }
        // )

        // axios.post("http://localhost:7071/api/HttpTrigger1", data).then(
        //     (res) => {
        //         console.log(res.data);
        //     }
        // )

        // azure function
        axios.post("https://emailproxy.azurewebsites.net/api/httptrigger1", data).then(
            (res) => {
                console.log(res.data);
            }
        )

Avatar

https://api.multiavatar.com

Toggle dark mode

https://github.com/JoseRFelix/react-toggle-dark-mode

npm i react-toggle-dark-mode