add navigation in login and register page

backend/src/db/index.js

@@ -4,7 +4,7 @@ import {DB_NAME} from "../constants.js";
 const connectDB = async () => {  
     try {
         const connectionInstance = await mongoose.connect(`${process.env.MONGODB_URI}/${DB_NAME}`)
-        console.log(`\n MongoDB connected successfully !! DB HOST: ${connectionInstance.connection.host}`); 
+       // console.log(`\n MongoDB connected successfully !! DB HOST: ${connectionInstance.connection.host}`); 
     } catch (error) {
         console.log("MONGODB connection FAILED", error); 
         process.exit(1)

backend/src/index.js

@@ -1,10 +1,8 @@
 import connectDB from "./db/index.js";
 import dotenv from "dotenv";
-import app from "./app.js";
+import app from "./app.js"; 
 
-dotenv.config({
-  path: "./env",
-});
+dotenv.config();  
 
 connectDB()
   .then(() => {
@@ -18,5 +16,6 @@ connectDB()
     });
   })
   .catch((err) => {
-    console.error("Error connecting to MongoDB:", err);
-  });
+    console.error("Error connecting to MongoDB:", err);  
+  }); 
+

backend/src/routes/user.routes.js

@@ -5,12 +5,12 @@ import { verifyJWT } from "../middlewares/auth.middleware.js";
 const router = Router()
 
 router.route("/register").post(registerUser) 
-router.route("/login").post(loginUser)
+router.route("/login").post(verifyJWT,loginUser)
 
 // secure route 
 router.route("/logout").post( verifyJWT ,logoutUser)
 router.route("/refresh-token").post( refreshAccessToken)
-
+ 
 
 export default router;  
 

frontend/src/pages/Login.jsx

@@ -1,5 +1,7 @@
 import { useState } from 'react';
 import axios from 'axios';
+import { useNavigate } from 'react-router-dom';
+
 
 
 const Login = () => {
@@ -11,6 +13,8 @@ const Login = () => {
 
   const [error, setError] = useState(null);
   const [success, setSuccess] = useState(null);
+  const navigate = useNavigate()
+
 
   const handleChange = (e) => {
     setFormData({
@@ -28,6 +32,7 @@ const Login = () => {
       const response = await axios.post('/api/v1/users/login', formData);
       setSuccess('Login successful!'); // Show success message
       console.log('Login successful:', response.data);
+     navigate('/')
     } catch (error) {
       setError('Login failed. Please try again.'); // Show error message
       console.error('Error logging in:', error);
@@ -81,8 +86,8 @@ const Login = () => {
               required
             />
           </div>
-          {error && <p className="text-red-500 text-xs italic mb-4">{error}</p>}
-          {success && <p className="text-green-500 text-xs italic mb-4">{success}</p>}
+          {error && <p className="text-red-800 text-xl italic mb-4">{error}</p>}
+          {success && <p className="text-green-800 text-xl italic mb-4">{success}</p>}
           <div className="flex items-center justify-between">
             <button
               type="submit"

frontend/src/pages/Register.jsx

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import axios from 'axios';
+import {useNavigate} from "react-router-dom"
 
 const Register = () => {
   const [formData, setFormData] = useState({
@@ -11,6 +12,7 @@ const Register = () => {
 
   const [error, setError] = useState(null);
   const [success, setSuccess] = useState(null);
+  const navigate = useNavigate()
 
   const handleChange = (e) => {
     setFormData({
@@ -28,6 +30,7 @@ const Register = () => {
       const response = await axios.post('/api/v1/users/register', formData);
       setSuccess('Registration successful!'); // Show success message
       console.log('Form submitted:', response.data);
+      navigate('/login')
     } catch (error) {
       setError('Registration failed. Please try again.'); // Show error message
       console.error('Error registering:', error);
@@ -95,8 +98,8 @@ const Register = () => {
               required
             />
           </div>
-          {error && <p className="text-red-500 text-xs italic mb-4">{error}</p>}
-          {success && <p className="text-green-500 text-xs italic mb-4">{success}</p>}
+          {error && <p className="text-red-800 text-xl italic mb-4">{error}</p>}
+          {success && <p className="text-green-800 text-xl italic mb-4">{success}</p>}
           <div className="flex items-center justify-between">
             <button
               type="submit"

backend/package.json → package.json

@@ -5,7 +5,9 @@
   "type": "module",
   "main": "index.js",
   "scripts": {
-    "dev": "nodemon -r dotenv/config --experimental-json-modules src/index.js"
+    "dev": "nodemon backend/src/index.js",
+    "start": "node backend/src/index.js"
+
   },
   "keywords": [
     "javascript"