Hi there I'm ANKIT YADAV a full stack developer with Reactjs, TypeScript, Nodejs, MongoDB
"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 : - [email protected], Password:- admin@xyz]
Client: React, TypeScript, Redux, TailwindCSS
Server: Node, Express
Database: MongoDB, Mongoose
-
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.
Clone the project
git clone https://github.com/webdevankit07/mern-blog-app.gitGo to the project directory
cd mern-blog-appGo to the Frontend directory
cd ./Frontend/Install Frontend dependencies
npm installStart the Frontend server
npm run devGo to the Backend directory
cd ./Backend/Install Backend dependencies
npm installStart the Backend server
npm run devTo 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
