maplesyrupweb / react-full-stack-blog

👋 Hi, I’m Albert

😃 I'm a web developer based in Seattle, WA.

💻 After working more than a decade in IT and instructional design, I moved to Web Development in 2020.

📚 I'm learning to become a good Drupal developer, a better WordPress developer, and a better web developer and programmer in general.

👇 Scroll down for contact info, current tools, statistics, and public repositories.

🌐 Website     📹 Welcome video     📧 Email    

Current Tools

Studying

react-full-stack-blog's Issues

Comment form

• Doesn't submit
• styling is off

Add a downvote

Upvote doesn't increment

After adding server protection or auth tokens, upvote does not increment

Git in VS Code says modified when there is no change

Name is missing when posting comment

Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'mongodb'

sudo npm run dev
Password:

[email protected] dev
npx nodemon src/server.js

[nodemon] 3.0.1
[nodemon] to restart at any time, enter rs
[nodemon] watching path(s): .
[nodemon] watching extensions: js,mjs,cjs,json
[nodemon] starting node src/server.js
node:internal/errors:496
ErrorCaptureStackTrace(err);
^

Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'mongodb' imported from /Users/albert/Developer/LinkedIn Learning/react-full-stack-blog/my-blog-backend/src/server.js
at new NodeError (node:internal/errors:405:5)
at packageResolve (node:internal/modules/esm/resolve:887:9)
at moduleResolve (node:internal/modules/esm/resolve:936:20)
at defaultResolve (node:internal/modules/esm/resolve:1129:11)
at nextResolve (node:internal/modules/esm/loader:163:28)
at ESMLoader.resolve (node:internal/modules/esm/loader:835:30)
at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
at ModuleWrap. (node:internal/modules/esm/module_job:77:40)
at link (node:internal/modules/esm/module_job:76:36) {
code: 'ERR_MODULE_NOT_FOUND'
}

Node.js v18.17.0
[nodemon] app crashed - waiting for file changes before starting...

Installing MongoDB

Error: Cannot install in Homebrew on ARM processor in Intel default prefix (/usr/local)!

Form validation

• prevent empty form submission
• sign in form
• sign up form

Getting null values when Posting comments to Postman

When logged in, article page stays the same

it show show the update and comment form when logged in

Add name and email

• On comment form, show Name with hyperlink to email

Warning: Encountered two children with the same key

Warning: Encountered two children with the same key, comment.postedBy + ' ' comment.text. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
CommentsList@http://localhost:3000/static/js/bundle.js:563:22
ArticlePage@http://localhost:3000/static/js/bundle.js:922:88
RenderedRoute@http://localhost:3000/static/js/bundle.js:53761:7
Routes@http://localhost:3000/static/js/bundle.js:54377:7
div
div
Router@http://localhost:3000/static/js/bundle.js:54319:7
BrowserRouter@http://localhost:3000/static/js/bundle.js:52432:7

App crashes when clicking on mongo-db article

authInternal._getRecaptchaConfig is not a function

• when signing up, this error message appears

Error deploying to Google Cloud

Runtime error when clicking on article

Uncaught runtime errors:

Request failed with status code 500
AxiosError@http://localhost:3000/static/js/bundle.js:49670:27
settle@http://localhost:3000/static/js/bundle.js:50322:70
onloadend@http://localhost:3000/static/js/bundle.js:49008:66

Date / timestamp

• comments
• login
• member since

Mongo issue: ~/.mongorc.js will not be loaded.

Warning: Found ~/.mongorc.js, but not ~/.mongoshrc.js. ~/.mongorc.js will not be loaded.
You may want to copy or rename ~/.mongorc.js to ~/.mongoshrc.js.

MongoDB: Password contains unescaped characters

when running nom run dev, this message appears:

throw new MongoParseError('Password contains unescaped characters');
^

MongoParseError: Password contains unescaped characters
at new ConnectionString (/Users/albert/Developer/LinkedIn Learning/react-full-stack-blog/my-blog-backend/node_modules/mongodb-connection-string-url/lib/index.js:115:23)
at parseOptions (/Users/albert/Developer/LinkedIn Learning/react-full-stack-blog/my-blog-backend/node_modules/mongodb/lib/connection_string.js:188:17)
at new MongoClient (/Users/albert/Developer/LinkedIn Learning/react-full-stack-blog/my-blog-backend/node_modules/mongodb/lib/mongo_client.js:46:63)
at connectToDb (file:///Users/albert/Developer/LinkedIn%20Learning/react-full-stack-blog/my-blog-backend/src/db.js:12:20)
at file:///Users/albert/Developer/LinkedIn%20Learning/react-full-stack-blog/my-blog-backend/src/server.js:189:1
at ModuleJob.run (node:internal/modules/esm/module_job:194:25)

Node.js v18.17.0

Warning <p> cannot appear as a descendant of <p>

validateDOMNesting(...):

cannot appear as a descendant of

.
at p
at div
at CommentForm (http://localhost:3000/static/js/bundle.js:401:3)
at p
at ArticlePage (http://localhost:3000/static/js/bundle.js:802:88)

Comment form issue

Uncaught runtime errors:
ERROR

comments is undefined
CommentsList@http://localhost:3000/static/js/bundle.js:575:18
renderWithHooks@http://localhost:3000/static/js/bundle.js:39740:31
updateFunctionComponent@http://localhost:3000/static/js/bundle.js:42622:24
beginWork@http://localhost:3000/static/js/bundle.js:44334:20
callCallback@http://localhost:3000/static/js/bundle.js:29332:18
invokeGuardedCallbackDev@http://localhost:3000/static/js/bundle.js:29376:20
invokeGuardedCallback@http://localhost:3000/static/js/bundle.js:29433:35
beginWork$1@http://localhost:3000/static/js/bundle.js:49307:32
performUnitOfWork@http://localhost:3000/static/js/bundle.js:48554:16
workLoopSync@http://localhost:3000/static/js/bundle.js:48477:26
renderRootSync@http://localhost:3000/static/js/bundle.js:48450:11
performConcurrentWorkOnRoot@http://localhost:3000/static/js/bundle.js:47844:78
workLoop@http://localhost:3000/static/js/bundle.js:58457:46
flushWork@http://localhost:3000/static/js/bundle.js:58435:18
performWorkUntilDeadline@http://localhost:3000/static/js/bundle.js:58672:25

Buttons on article page not responding

Comments are missing on article page

MongoParseError('Password contains unescaped characters');

Mongo Shell

• mongo doesn't work, but mongosh works

react-full-stack-blog(main) > mongosh
Current Mongosh Log ID: 651a36cb98b564b7ac255d47
Connecting to: mongodb://127.0.0.1:27017/?directConnection=true&serverSelectionTimeoutMS=2000&appName=mongosh+2.0.1
Using MongoDB: 5.0.17
Using Mongosh: 2.0.1

For mongosh info see: https://docs.mongodb.com/mongodb-shell/

---

The server generated these startup warnings when booting
2023-10-01T00:25:36.039-07:00: Access control is not enabled for the database. Read and write access to data and configuration is unrestricted

Warning: Found ~/.mongorc.js, but not ~/.mongoshrc.js. ~/.mongorc.js will not be loaded.
You may want to copy or rename ~/.mongorc.js to ~/.mongoshrc.js.

Don't allow empty submissions

comments

Loading DB from seperate file

file:///Users/albert/Developer/LinkedIn%20Learning/react-full-stack-blog/my-blog-backend/src/server.js:21
const article = await db.collection('articles').findOne({ name });
^

TypeError: Cannot read properties of undefined (reading 'collection')