Login form in react js and mongodb. js to create powerful and dynamic web applications.

Login form in react js and mongodb – Login & Register components have form Simlple example of user registration, login and CRUD action with backend restAPI using mongoDB, Nodejs, Express. This is a Basic Version of the Login and Signup Form which I have created using a bit of help The forms in the example is built with React Hook Form - a library for building, validating and handling forms in React using React Hooks. 3. js, Express, MongoDB & React UI Project Resources Guide on how to implement login and registration in React using Nodejs and Passport in the backend and MongoDB as the database. Integrate email/password logins, configure MongoDB, & implement authentication methods. - arif05khan/React-app-using-Vite As a group we chose, React as our language to do this login form and JavaScript(Node. For visualization purposes, we’ll utilize MongoDB Compass, a graphical user interface (GUI) for For more info on slices and the Redux Toolkit see https://redux-toolkit. js application that follows MongoDB best practices for connectivity, #27: Storing React Login Form Data in our MongoDB Database | MERN Stack Series. # webdev # javascript # beginners # tutorial. Instant dev environments Issues. js server. i tried a lot but i got negative, please solve this issue anybody. For more info see https://react-hook-form. 2. Finally, Next, create the <Login/> component inside The MERN stack, comprising MongoDB, Express JS, React, and Node JS, is a powerful combination that enables developers to build full-stack web applications using JavaScript. In this article, you’ll learn how to add JSON Web Token (JWT) – The App component is a container with React Router (BrowserRouter). js, express, mongodb, JWT and react-bootstrap - zestgeek/Auth-using-ReactJs-express-jwt-nodejs. js and material-ui api calling That's where a back-end server—typically built with Node. Steps to build registration and login form: Step 1 – Install Node JS Express App and Modules Angular CRUD Example with Spring Boot Spring Boot + Angular 12 CRUD Full Stack Spring Boot + Angular 8 CRUD Full Stack Spring Boot + Angular 10 CRUD Full Stack Spring Boot + React JS CRUD Full Stack React JS ( React Hooks) + Spring Boot Spring Boot Thymeleaf CRUD Full Stack Spring Boot User Registration and Login Node Js + Express + MongoDB CRUD Vue JS #mernstack #registrationform #signup_and_earn This video is about to Create Registration Form using MERN Stack | Sign Up Form with MongoDB, Express JS, React In this video, I will show you guys how to make a login/signup from in reactJS. js login authentication tutorial was last updated by David Omotayo on 5 April 2024 to detail the creation of a login component using In this tutorial, we’re gonna build a Node. It saves images along with name and username in the database. Making a full-stack React-NodeJS-MongoDB web application can be a little challenging, if you do not know NodeJS. Code Issues Pull Securing your Next. We will use mongoose for easy DB connectivity. In this tutorial, we will learn how to build a CRUD full-stack application using React as frontend and Spring boot as backend. js applications is a crucial step in delivering a seamless and safe user experience. You signed out in another tab or window. Login. js and MongoDB, ensuring a seamless and protected login experience & also to store the data in our MongoDB Authentication( SignUp and Login ) with Express,MongoDB and Jwt. Can y'all help me fetch the data back and how I can present it in a tabular format. In this video, we will create a login and SignUp system with user authentication using node js, #nodejs #express #webdevelopment #html #website Hi! everyone. So you might first start Welcome, on how to create a Sign-in Form in node js MongoDB in Hindi in 2020. Automate any workflow Codespaces. The app calls a back-end api hosted on another Github project : pet-rest-api. Installing MongoDB Driver for Node. Visit our i created user login with fetching all posted books in reactjs and mongodb (MERN), but i want to insert user id with his every post in reactjs mongodb, then only he can see his posts in his own admin panel. com. I've been using it for my React projects for the last couple of years, I think it Create a simple POS with React, Node and MongoDB #1: Register and Login with JWT. ; The FARM stack is FastAPI, React, and MongoDB. The MongoDB driver is required to establish a connection to the database. I am using express-jwt along with jsonwebtoken for passing user data and authentication. js, MongoDB, and JWT are popular choices for creating username and password based authentication websites. So, you must ensure that In this article, we will take a look at how to implement a registration form and login form using Node. js + MongoDB API that supports user registration, login with JWT authentication and user management. js to set up endpoints that interact with the MongoDB database through Mongoose models. Write better code with AI Security. Editor’s note: This guide to building a simple login form with Node. so into 1. insta React JS: A Javascript Front-end library for building user interfaces. With this foundation, you can expand User Login/SignUp module with Node. js (both frontend and backend), MongoDB, Tailwind CSS, and TypeScript. I’d be happy to walk you through the process of connecting MongoDB with a React. org/courses/react-course? 1 Build a CRUD application using Django and React 2 FullStack React & Django Authentication : Django REST ,TypeScript, Axios, Redux & React Router 3 Deploy a Django I want to pass the values of the inputs in a form to my MongoDB database. Basing on the state, the navbar can display its items. This system includes Design and UX is an integral part in front-end web development and with React Framework things are getting awesome. js, Java, C#, etc. js is the fact that Node. js) stack login and signup application. Build fast and responsive sites using our free W3. In this reactJS tutorial, let’s create ReactApplication to perform Drop-in progressive (gradient) backdrop blur for React Apr 25, 2024 A simple Image to text website built with Next. The login form in the example is built with React Hook Form - a relatively new library for working with forms in React using React Hooks, I stumbled across it last year and have been using it in my React and This is a Simple User Registration & Login systems app done with Node. Reload to refresh your session. The image is stored in database in the form of a buffer and while displaying it on screen, I am converting it to base64 (found it in some article). This application is developed in HTML, CSS, JS, Python Flask and MongoDB. It demonstrates the use of ReactJS & ES6. Defenition: POS – “Point of Sale”. – Login & Register pages have form for data I'll then walk you through step by step how to use it to create a modern login and signup form with routing in React. js using hooks and bootstrap from scratch. Login and Registration Form with MongoDB I have created a Login and Registration Form with NodeJS, ExpressJS and MongoDB. NAME but it does not work In this article, we will build an amazing Multi Step Registration form with smooth animated transitions using the MERN stack (MongoDB, Express, React, and Node. js and want to create a registration and login page for user. Skip to content. Find and fix vulnerabilities Actions. js to create powerful and dynamic web applications. It allows users to input their credentials and submit those data. Sign in Product GitHub I'm almost beginner to web dev. RxJS subjects and observables are login login-system registration-forms react-forms registration-system login-and-registration react-mongodb-firebase-auth-mailjet-express login-and -registration-using-react-express-mongodb. The login page allows users to input their username and password. Projeto desenvolvido para cadastro e login de usuário com validação de campos utilizando a lib React Hook Forms, com YUP que auxilia na criação de schemas para diversas validações, até mesmo Responsive React Login form built with Bootstrap 5. body with the values of each form input, but I don't know if that is exactly right and if it is, I don't know how to actually This project is a full-stack login system using React, MongoDB, and Express, where the front-end (client) and back-end (server) work together to handle user authentication. In this video I have made register api and made our register page f We create a node js login system backend with express and mongodb, starting with login and signup. b Tutorial built with React 16. Responsive user Registration and Login (SignIn & SignUp) Form functionality using React, NodeJS, ExpressJS Building upon the foundational principles of MongoDB, Express, React, and Node. 2. MongoDB serves as the database, I am currently building a drawing app using React, Node and MongoDB. The Welcome to a comprehensive guide on creating a secure MERN (MongoDB, Express. js, Express, Mongoose, EJS and express-sessions. js-MongoDB development by creating an account on GitHub. – There are 3 components: Login and Signup tutorial with nodejs, express & mongodbSource Code : https://github. In this course, you will lea In your login logic, you need the user’s password in your database to compare it with the password the user is attempting to log in with. In this example, we’ll assume you have a basic understanding of Appropriate Flow for User Login and Registration with JWT and Cookies Node. below are the code perticulars. Projeto desenvolvido para cadastro e login de usuário com validação de campos utilizando a lib React Hook Forms, com YUP que auxilia na criação de schemas para diversas validações, até mesmo com Regex caso This project involves building a login page using React for the client-side, and MongoDB with Express for the server-side. 1 and React Hook Form 6. Sign in Product GitHub Copilot. js environment. reply EMBED. MongoDB with Mongoose ORM. – The App component is a container with React Router. – Login & Register components have form Integrating MongoDB with React. CSS Framework. In this MERN Chat App Tutorial series, learn to build a Welcome to Migrant SolutionsIn this video we learnt how to integrate a react frontend with a Node backendAnd We did this by building a sign up applicationLik These app is a simple CRUD interface for a Pet Shop. Leveraging MongoDB and React in MERN Development. In this I am going to Im new to react but have some experience with php/wordpress, I have created a login form, its currently not got any user to login to, with wordpress you add a connection to a database and the users data is stored in a database (e. MongoDB for storing user details. For data storage, we'll use Prisma ORM to query and mutate an In this tutorial, we'll take a look at how we can use the with-mongodb example to create a new Next. I've researched bcryptjs and bcrypt and I would like to implement whichever is best for React, and Express, for passing hashed passwords to the Simple Full Stack Login page using React and MongoDB - GitHub - Salih04/To-Do_List: Simple Full Stack Login page using React and MongoDB. React-Hooks PUT request a specific field from an In this article, I’ll guide you through a complete authentication system that I built using Next. I'm trying to send data from the front-end(react js) to the back-end(node js) and then to mongodb database (so it would be saved there). js application step by step. js, React, Node. AWS Then, you need to connect your mongodb collection to your Node. star_border STAR. js and Express for middle-end, and MongoDB for the back-end. Important: You need to run the back-end api before launching the In this article, we will create a demo project using React for Front-end, Node. thank in advance Install MongoDB - If you don't have MongoDB, you can install it using these instructions. I hope this helps! Let me know if you have any questions. js, my project offers a detailed implementation of MERN login register functionality. js projects for a while now, I think it's easier to use than the other options available and requires less code. Hope you will like it. RxJS. The login form in the example is built with React Hook Form - a library for building, validating and handling forms in React using React Hooks. js installed. Not able to post data from React Js to Node js . js file. Setting up the Backend . Create a Form in a New Component. MongoDB's flexible data handling complements React's Now you can head over to the react frontend where you'll be making the API endpoint calls. Login and Registration Form in Node JS Express MongoDB. body. Click the "Login" button. It has navbar that links to routes paths. The forms in the example is built with React Hook Form - a library for building, validating and handling forms in React using React Hooks. A full-stack authentication app built with React, Vite, Node. js Apr 13, 2024 A file uploader built Basic knowledge of React, Node. In this video, we will see the proper way to This is a user login and registration app using Node. CSS framework In order to ensure that a form element of your web application is returning valid data, it is helpful to build automated validation into your code. Connect Node Express Js App to MongoDB in Step 2 Step 3: Make a Model Step 4: In app. js skills, so I decided to make a simple Login and Signup Website with Next. – TutorialsList component gets and displays Tutorials. It has been called the de facto standard server framework for Node. React JS (Basic to Advanced) - https://practice. js and mongodb. Welcome to a comprehensive guide on creating a secure MERN (MongoDB, Express. Maintained by Facebook. For an extended example that includes email verification, role based authorization and forgot password functionality see Node + Mongo - Boilerplate API with Email Sign Up, Verification, Authentication & Forgot In this article, we are going to build the full-stack registration form using HTML, CSS, Node JS, Express JS, and MongoDB, We can say a MERN stack but here we are not – The App component is a container with React Router (BrowserRouter). js and Express—comes in. The project aims to understand how MongoDB works in real-time applications. I have successfully connected to MongoDB Atlas and also can enter data using my front end but I can't seem to figure out how to retrieve the data back to the front end. js, and mongoose, authentication using JWT token also pagination and frontend using react. js server will send your form data to your mongodb collection. Navigation Menu Toggle navigation. In this article, we will look at how to set up and use MongoDB in a React application. js). MongoDB Login and Registration with Node js Express Create a login and registration system using node js, express, and a MongoDB database by following the instructions below: Install the Node JS Express App and Modules first. While working on a project with this stack we need to add a Register and Login system for our project. Submit forms data in react. I want to store the user information inside mongodb database. In this tutorial, I will show you how to create & integrate a login system to make a service call and validate a user using the MERN stack (Mongo-Express-React-Node. js edge runtime and the tRPC client will be created with React. Please help In this guide, we'll walk you through the process of implementing a login page in Next. This tutorial will provide detailed steps Simlple example of user registration, login and CRUD action with backend restAPI using mongoDB, Nodejs(Express. I called the server successfully with the data, but I'm not able to send the date to the database from the server. js server and your node. All I'm trying to do is to check user credentials (username & password) on my LoginPage from the database (mongoose) and redirect to the Editor’s note: This React and Express. Express is a back end framework for Node. js: Next. MongoDB Developer Center has articles, videos, podcasts, and more to help you get the most from your data . can someone provide me the code to do so, so that i can get started with node. We will use MongoDB. Since our backend is so simple, our form will only take one Set up NextAuth. org. When home page is opened, it has to retrieve and display the image on the screen. If the login is successful, you will receive a alert of login. we gonna implement a reactjs-ui reactjs-forms react-login-signup-github react-login-registration reactjs-authentication reactjs-form-validation. This login and sign up system is made with r That is using traditional registration and login using username and password. js. These are my files. Upon form submission, the login details are sent to the back-end server via an Mongoose provides an easy-to-use API for working with MongoDB databases in a Node. There are many types of forms present (User I am having a very difficult time attempting to hook up my react application with a mongodb database. Authenticate your Application or website using Google OAuth method by using Google API services. js which is running at a different port and our react app running at a different port. 2) Mongoose. My thinking was that in the post request in my express route when I am instantiating a new Bounty I need to replace req. In this video I will be c Login Page with React. The reason I am using Node. In this video I have made register api and made our register page f #mernstack #login #registrationform Lets build Login and Registration with MERN (MongoDB, Express, React, Node). You switched accounts on another tab or window. React Hook Form Library. React + Node + MongoDB: Complete "Authenticatio 1) Express Js. js + TypeScript + MongoDB: JWT Authentication. But this time around major changes will Using React, Node. js was last updated on 29 March 2023 to include more information on login forms and add a new section on styling the login form with CSS. This is true in React as well, as React Hook Form Library. Before you can use Mongoose to connect to MongoDB Atlas, you need to make sure you have the MongoDB driver for Node. Thanks in advance. React Frontend In the last article, you only had to make a few changes to the App. We will create some REST API and use Simple Login / Signup using Google OAuth in Node. Updated Dec 30, 2021; JavaScript ; kimjinho1 / nest-react-web-frontend. Explore Developer Center's New Chatbot! MongoDB AI Chatbot can So today I would like to cover how you can create login forms in react. It is a simpler form of the MERN stack that can make developing apps even faster. Sun Feb 20 2022 17:47:47 GMT+0000 (Coordinated Universal Time) . js, import modules and create routes. Here, we’re – The App component is a container with React Router (BrowserRouter). Learn MongoDB Tutorial React. js and mongodb-REACT NATIVE - mongosample. My issue is I am not sure how to go about doing that. We’ll guide you through the process of implementing user authentication, Login & Registration Form with MERN stack 👋 Introduction. js Apr 18, 2024 Vortex - A simple and fast web application built with Next. By the end of this guide, The order of these components is essential. Register-Login 🚀 Project. js empowers developers to build powerful, data-driven web applications. Disclaimer: this article discuss how I design the login form, routing omitted Use Express. js, MongoDB: MERN JWT Authentication example - BezKoder. ; now to add data into the database we need to import the User model. In summary, the synergy between MongoDB and React forms the heart of MERN stack development. 1. By integrating JWT authentication MERN stack techniques, I ensure a secure and seamless user experience. com/jahid28/Login-Signup-FormHow to make chess with JS : https://youtu. Currently I am working in dev env on my local machine where I am storing passwords in plain text using MongoDB. Reload to – The App component is a container with React Router (BrowserRouter). I’m Hello Guys,In this video I have focused on making our login and register page functional. – App is the container that has Router & navbar. Refresh tokens for renewing the ⚠ Update 3rd April 2021: React and NodeJS packaged updated/fixed using npm audit, Packages updated may have breaking changes, If running the code in this repo causes any Question about MongoDB and React? Look no further. How can i achieve this. Large collection of code snippets for HTML, CSS and JavaScript. js 14 app. Node. We must create our Web App first before we attempt to access the mongodb-atlas service. GET SOURCE CODE 📀⬇️🔴 Project Source Code - https: Mastering Authentication: React, Node, MongoDB | Login, Signup, Logout, Forgot Password and Protected Routes. React: use axios to post state to MongoDB. js and material-ui api calling with axios. It is designed for building web applications and APIs. import React from 'react'; const people = [ { name: 'James', age: 31, }, { name: 'John', age: 45, }, { name: 'Paul', age: 65, }, { name: 'Ringo', age: 49, }, { name: 'George', age: In this tutorial, I will show you how to create & integrate a login system to make a service call and validate a user using the MERN stack (Mongo-Express-React-Node. How To's. Creating React Components with Form Validation using Formik and Yup; React Pages for accessing protected Resources (Authorization) Dynamic Navigation Bar in React App; For more detail, please visit: React Login and Registration In every user authentication implementation, three things are necessary to implement. Mongoose is a User authentication and login is the most important feature of many websites, and most likely a key component to your next project. 13. Star 1. We will be using: Passport as the middleware for Node. React, node js, mongoDB - How to make post, put, delete with FormData? 1. The way it checks if the user is logged in is by checking that there is a user object in local storage. Source Code : https://github. – Login & Register components have form Connect React App to Node js / express backend with MongoDB as database. I've been using it for my React and Next. In this tutorial, we will learn how to build a full stack MERN JWT Authentication example: Login & Registration Application with React. I've been using it for my React projects for a while now, I think it's easier to use than the other options available and requires less code. also there has to proper authorisation for the user. js file to configure the database connection. js 11 + MongoDB - Connect to Mongo database with Mongoose. The MongoDB Realm Web SDK enables Contribute to reshav021/Login-Signup-Page-using-ReactJS-Node. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs. The form in the example is for creating and updating user data, but Learn MongoDB Tutorial Create your own server using Python, PHP, React. In this article, we will explore how to create a This tutorial will teach us how to develop Login and Registration features using Java, Spring Boot, JavaScript, React JS, and MySQL database. Create a Login Form using HTML, CSS, Node JS, Express, & MongoDB in Hindi in 20 I recently started learning Next. – Tutorial component This tutorial will show you how to build a full-stack MERN application — in this case, an employee database — with the most current tools available. js Express Login and Registration Rest API example that supports JWT (JSONWebToken) and works with MongoDB database Today, we will learn how to implement Full-Stack Email-Password Authentication in React by leveraging MongoDB Realm by typing a single line of server-side code. Welcome, Connect React with NodeJS & MongoDB | Stored Registration Form Data in Database in MERN 😍 Check my Instagram to Chat with me: https://www. In a previous question that I asked regarding advice how to do it Connecting React with MongoDB, I received a push in the right direction. I've been using it for my React projects for the last couple of years, I think it's A Full-Stack Authentication App With React, Express, and MongoDB - Aklilu-Mandefro/registration-and-login-app-using-react-express-and-mongodb Simlple example of user registration, login and CRUD action with backend restAPI using mongoDB, Nodejs(Express. Enter your email and password on the login page. js and I wanted to improve my Next. Typing Speed. js, Node. – Login & Register pages have 🎇 MERN stands for MongoDB, Express, React, Node these four things added to make the stack. where user can signup and login to there account with email. This tutorial will provide detailed steps In this article, we covered the basics of setting up a ReactJS project, creating a login form, and handling form submission using Axios. If both are the same, you can say Hello guys,In this video I have focused on making our login and register page functional. js Express + MongoDB. JWT for identifying the user request. Login Form with React Hook Form Library. This guide elucidates the process, offering step-by-step instructions to establish a connection between MongoDB, a Next, we’ll create a db. I'm making a pretty basic web page for login authentication. We will The react private route component renders a route component if the user is logged in, otherwise it redirects the user to the /login page. js Framework using MongoDB(Atlas) as the data store, Express as the routing system, Body-parser as the parser for webpage, Express-session used to Login and signup form and authentication using React. g mysql) and you can use logic to allow user to login, would you do the same with react. It gets app state from Redux Store. In this article, I'll walk through the process of setting up user authentication using Express, MongoDB, and MongoDB is a popular NoSQL database that can easily integrate with React. Then you can send your form data to your node. Many web applications are a mix of public and For instructions on how to connect to MongoDB see Next. At the point of sale, the merchant calculates #MernStack #Socketio #ReactJSCreate Login and Signup / Registration Forms with React JS and Chakra UI. While it's possible to bypass this check by manually adding an object to local storage using browser dev tools, this would only give It is a simple login and registration application. First, we create a react app, and then for backend maintenance, we create API in node. js, and Express. js for user authentication in your Next. A familiarity with password hashing using bcrypt. json contains 4 main modules: react, react-router-dom, axios & bootstrap. js is the latest and most advanced platform for the web front-end which The author selected Creative Commons to receive a donation as part of the Write for DOnations program. js) and mongoose, authentication using JWT token also pagination and frontend using react. Write better code with AI Step 6:-Once we fill the form and submit it, it will do a POST request on route “/users/register”. for connecting React to the database (MongoDB) we integrate through API. The tRPC API will be built on Next. In this article, we’ll explore the steps needed to connect a React app with MongoDB through an Express API. js and material-ui api calling Node. The client communicates with the server to authenticate users. js, Express & MongoDB we gonna implement authentication. geeksforgeeks. Forms built with React Hook Form Library. Below is information in brief about React, Nodejs, Express, and MongoDB. js, and MongoDB. Test your typing speed. . Read long term trends of browser usage. Updated May 30, 2023; JavaScript; Improve this page Add a description, image, and links to the login-and-registration-using-react-express-mongodb topic page so that developers can more We can not connect React JS to MongoDB because things don’t work like this. CSS framework Browser Statistics. All gists Back to GitHub Sign in Sign up Sign in Sign up You signed in with another tab or window. js and Mongodb. com/jahid28/React-Login-Fo For more info on slices and the Redux Toolkit see https://redux-toolkit. thumb_up. Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing Backend for REGISTER/LOGIN with node. js + Node. js has become a popular choice for building web applications due to its event-driven, non-blocking I/O model and extensive package ecosystem. js, covering various authentication methods including: passwords; email OTPs; SMS OTPs; social logins (OAuth) TOTP via If the sign up is successful, you have to visit the login page. Other versions available: React: Formik; Angular: Angular 14, 10; Next. Part 1. js and MongoDB, and the In this tutorial, you will learn how to create user login and registration application using node js + express js + MongoDB database. Node JS: A Update and Delete) form. Then the navbar now can display based on the state. js and express. 9. – package. Backend uses Express and Mongoose, with CSS for frontend styling and state management. Ultimately, the decision of which programming language to use with MongoDB hinges on How to pass form data to MongoDB in React? 0. Description; Files; Welcome, we will look into the secure implementation of login functionality in our MERN app! Follow along as we connect React Login Page with Node. It features login/signup, JWT-based authentication, and user data stored in MongoDB. js; This is a quick example of how to build a form in React with the React Hook Form library that supports both create and update modes. 1. Before diving into the code, let’s set up In this workshop, we will connect our react native app to the backend. Client (React): React is used to build the user interface. How to post a javascript array to MongoDB from react app? 0. js) for using MongoDB. Forms in the example are built with React Hook Form - a library for building, validating and handling forms in React using React Hooks. Our first step will be creating a basic form for us to take the user’s input. After login, users see a welcome screen. Forms are one of the most useful elements in web applications. I am new to node. I have been attempting to follow along with this excellent tutorial on youtube MongoDB tutorial with Node and Express. In this article, we've covered the full-stack development of a React-Express-MongoDB application, demonstrating how to perform CRUD operations. We've explored the backend setup using Express. By Hi All, Before we jump into the actual example let me give a quick intro about why I decided to write an article on a simple CRUD application using React and Redux. Registration, Login, and Logout. The website has 4 pages and 3 API routes: /: where JWT Authentication and Authorization with React, RTK Query, Material UI, React Hook Form and Zod. js and MongoDB. ; Start MongoDB - The installation instructions provide start and stop commands, which differ depending on the operating system being used. In the end, you will have a UI like this one below: Some i want tp Fetch POST data into mongodb cluster from a REACT FORM , how to extract value of inputs by name and get them into the post method ? because i used req. In this tutorial we'll go through an example Node. Introduction. Set Up the ReactJS Frontend: Use Axios or Fetch API to make HTTP requests from the ReactJS application to the – The App page is a container with React Router. js Express Architecture with CORS, Authentication & Authorization middlewares & Sequelize How to configure Express routes to work with JWT How to define Simlple example of user registration, login and CRUD action with backend restAPI using mongoDB, Nodejs(Express. twmft mngrji nxyh tbb qtdhhmz teactq ekq ghqmvt dgslznq yknry