https://github.com/tuananh131001/interactive-comments-section

An comment website using MERN stack with tailwindcss
https://github.com/tuananh131001/interactive-comments-section

daisyui mern mern-stack tailwindcss

Last synced: 5 days ago
JSON representation

An comment website using MERN stack with tailwindcss

• Host: GitHub
• URL: https://github.com/tuananh131001/interactive-comments-section
• Owner: tuananh131001
• Created: 2022-06-02T07:55:40.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-06-22T04:37:42.000Z (over 2 years ago)
• Last Synced: 2024-10-31T01:42:10.219Z (about 2 months ago)
• Topics: daisyui, mern, mern-stack, tailwindcss
• Language: JavaScript
• Homepage: https://william-commentweb-mern.netlify.app/
• Size: 4.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Interactive-comments-section

Interactive comments section



# WHAT HAVE LEARNED

- All hooks

- dealing with local image

- query subdocument

- pass lots of props

- axios

- 

# Setup Backend on heroku

Step 1: create app and connect to github repo

Step 2: Config like this

https://github.com/timanovsky/subdir-heroku-buildpack.git

![image](https://user-images.githubusercontent.com/67695658/171414022-b1f005f8-09f2-42b4-ad18-0caf377c26fd.png)

![image](https://user-images.githubusercontent.com/67695658/171414175-a18e30aa-5d20-45c5-87df-53198572519c.png)

Step 3: Add Procfile 

web: node index.js

![image](https://user-images.githubusercontent.com/67695658/171417038-b074dce2-67eb-41ec-974f-4b0dc2492c56.png)

# Setup FrontEnd on netlify

Step 1: create app and connect to github repo

Step 2: 

![image](https://user-images.githubusercontent.com/67695658/171417747-8bd434be-4cbe-412f-aa4d-1c6909b3fabd.png)

DONE