kunaal438/blogging-site

This project is a mini version of a working blogging website. This project is done by using only HTML, CSS and JS. This is a node.js app. And using firebase as its databse.

blogging-site's Issues

image upload

the image couldnt be uploaded i tried to work on it but i cant do it.

I am not able to upload an image or a cover image or the blog even after importing all the necessary modules. I have watched your video and I have followed all steps carefully .In short, the whole project is not working. I think there's some issue in the firebase code which I'm providing for reference: Please solve it as soon as possible

// For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "AIzaSyA_YSMfzvPHK_1UAeZjlcyUnoMmBntr3XQ", authDomain: "blog-77507.firebaseapp.com", projectId: "blog-77507", storageBucket: "blog-77507.appspot.com", messagingSenderId: "547768921904", appId: "1:547768921904:web:83fcb30dfa1f39235d62f5", measurementId: "G-8R4QGVG1CG" };

Need help with design

Hi Kunaal,
Need help brother. How can I reach you?
Regards

Upon proper completion and installation,

The upload image function is having trouble fetching, some type of problem with the async that I've been trying to debug but can't figure out where the issue is at, please fix the fetch error.

editor.js:26
Uncaught (in promise) TypeError: Failed to fetch

New Firestore

I figure this is a long shot, but I'm trying to incorporate your blog template into an Angular webapp. I'm having an issue where the .post and .collection methods aren't appearing in Firestore. Ref:

publishBtn.addEventListener('click', () => {
if(articleField.value.length && postTitleField.value.length){
// generating id
let letters = 'abcdefghijklmnopqrstuvwxyz';
let postTitle = postTitleField.value.split(" ").join("-");
let id = '';
for(let i = 0; i < 4; i++){
id += letters[Math.floor(Math.random() * letters.length)];
}
// setting up docName
let docName = ${postTitle}-${id};
let date = new Date(); // for published at info

      //access firstore with db variable;
      db.collection("posts").doc(docName).set({ <-the .collection at this instance is throwing a TS2339 error.
          title: postTitleField.value,
          article: articleField.value,
          bannerImage: bannerPath,
          publishedAt: `${date.getDate()} ${months[date.getMonth()]} ${date.getFullYear()}`
      })
      .then(() => {
          location.href = `/${docName}`;
      })
      .catch((err) => {
          console.error(err);
      })
  }

})

I was curious if you had run into this at all and knew a solution. My imports for this component are:

import { Component, OnInit, OnDestroy } from '@angular/core';
import { initializeApp } from "firebase/app";
import { getFirestore, collection, getDocs } from 'firebase/firestore/lite';
import 'firebase/compat/functions'
import 'firebase/compat/firestore'
import 'firebase/compat/database'
import { environment } from 'src/environments/environment.prod';