🚀 About Me

Hi there I'm ANKIT YADAV a full stack developer with Reactjs, TypeScript, Nodejs, MongoDB

Web Universe - MERN Blog WebApp

"Web Universe" is a MERN stack blog app where React with TypeScript is used for the frontend, Node.js for the backend, and MongoDB for the database. Admins can create projects, while users can read, like, and comment on them, creating an interactive and engaging platform for sharing and discussing content.

• Website Link :- https://web-universe.vercel.app/

• Admin Account :- [Email : - admin@gmail.com, Password:- admin@xyz]

Tech Stack

Client: React, TypeScript, Redux, TailwindCSS

Server: Node, Express

Database: MongoDB, Mongoose

Optimizations

• In this project i am using React with TypeScript, React Form Hook and React Query(TanStack Query).

• Now days in React, React Hook Form simplifies form handling and validation , reducing boilerplate code.

• React Query streamlines data fetching and caching, optimizing network requests. Together, they enhance development efficiency and improve application performance, providing a seamless user experience in React applications.

Run Locally

Clone the project

  git clone https://github.com/webdevankit07/mern-blog-app.git

Go to the project directory

  cd mern-blog-app

Go to the Frontend directory

  cd ./Frontend/

Install Frontend dependencies

  npm install

Start the Frontend server

  npm run dev

Go to the Backend directory

  cd ./Backend/

Install Backend dependencies

  npm install

Start the Backend server

  npm run dev

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Frontend ENV:

VITE_API_BASE_URL

VITE_STRIPE_PUB_KEY

VITE_FIREBASE_API_KEY

VITE_FIREBASE_AUTH_DOMAIN

VITE_FIREBASE_PROJECT_ID

VITE_FIREBASE_STORAGE_BUCKET

VITE_FIREBASE_MESSAGING_SENDER_ID

VITE_FIREBASE_APP_ID

Backend ENV:

NODE_ENV

FRONDEND_LINK

DATABASE_URL

ACCESS_TOKEN_SECRET

ACCESS_TOKEN_EXPIRY

REFRESH_TOKEN_SECRET

REFRESH_TOKEN_EXPIRY

CLOUDINARY_CLOUD_NAME

CLOUDINARY_API_KEY

CLOUDINARY_API_SECRET

🔗 Social Media Links

Authors

• @webdevankit07