https://github.com/natalialewis/connectplate

Social media app for recipes that emphasizes medical diet communities. Note: This is a passion project that is not ready for deployment yet. Most updates will remain on the 'testing' branch until ready for a rough deployment.
https://github.com/natalialewis/connectplate

bash cloudfare css firebase git github html js jsx node react single-page-applications vide

Last synced: 2 days ago
JSON representation

Social media app for recipes that emphasizes medical diet communities. Note: This is a passion project that is not ready for deployment yet. Most updates will remain on the 'testing' branch until ready for a rough deployment.

• Host: GitHub
• URL: https://github.com/natalialewis/connectplate
• Owner: natalialewis
• Created: 2024-12-16T21:56:45.000Z (29 days ago)
• Default Branch: main
• Last Pushed: 2025-01-10T17:49:54.000Z (4 days ago)
• Last Synced: 2025-01-10T18:50:33.253Z (4 days ago)
• Topics: bash, cloudfare, css, firebase, git, github, html, js, jsx, node, react, single-page-applications, vide
• Language: JavaScript
• Homepage: https://connectplate.com
• Size: 7.79 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Setup:

- ### React.js

  - `npm create vite@latest`

    - Name: client

    - React

    - JavaScript

  - `npm install`

  - Tested running a script with `npm run dev`

- ### Node.js

  - Navigated into server/ directory

  - `npm run init`

  - `npm install express --save`

  - `npm install firebase-admin`

- ### Create default landing page

  - Adjusted the App.jsx file for my own content instead of the default React + Vite page

  - `npm run dev` to check what it looked like

  - `npm run build` to build the optimized file

- ### Host webpage on Firebase w/ URL

  - Navigated to "Hosting"

  - Clicked "Get Started"

  - `npm install -g firebase-tools`

  - `firebase login`

  - `firebase init`

    - Chose "Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys"

    - Use an existing project

      - Chose my "connectplate" project

      - Public directory: `client/dist`

      - Configure as single-page app: `yes`

      - Set up automatic builds and deploys with GitHub: `yes`

      - File already exists. Overwrite? `no`

      - Logged in to GitHub

      - Chose my repository

      - Set up the workflow to run a build script before every deploy: `yes`

      - What script should be run before every deploy: `npm ci && npm run build`

      - What is the name of the GitHub branch associated with your site's live channel: `main`

  - `firebase deploy`

  - Navigated to "Hosting" on firebase.com again

  - Under Domains, clicked "Add custom domain"

  - Entered `connectplate.com`

  - DNS record popped up, and I added them to Cloudflare