Loading repository data…
prabinb50 / repository
This is a full stack blog website built using the MERN stack, Tailwind CSS for styling, and Framer Motion, GSAP, & React Bits for animations.
This is a full stack blog website built using the MERN Stack, Tailwind CSS for styling, and Framer Motion, GSAP, React Bits for animations.
Deployment Link: https://full-stack-blog-platform.vercel.app/
git clone https://github.com/prabinb50/Blog_Website_MERN.git
cd Blog_Website_MERN
i. Create a backend folder and navigate into it:
cd backend
npm init -y
npm install express mongoose multer cloudinary cors dotenv jsonwebtoken bcrypt
"type": "module", add this in package.json
npm install --save-dev nodemon
ii. Create a .env file inside the backend/ folder with the following variables:
PORT = for example, 4000
MONGODB_URI = your_mongodb_connection_string
JWT_SECRET = your_jwt_secret
CLOUDINARY_CLOUD_NAME = your_cloudinary_cloud_name
CLOUDINARY_API_KEY = your_cloudinary_api_key
CLOUDINARY_API_SECRET = your_cloudinary_api_secret
i. Create a frontend folder and navigate into it:
cd frontend
npm create vite@latest
ii. Install and setup Tailwind CSS
iii. Install additional dependencies:
npm install axios react-router-dom framer-motion
cd backend
npm run dev
cd frontend
npm start
Selected from shared topics, language and repository description—not editorial ratings.
harshitgrover06 /
This is a Full Stack Blog Website where user can read, write and edit posts and their user information.