Updated code with latest changes

SahilMalavi · Feb 16, 2025 · 7fe6b11 · 7fe6b11
1 parent 3ea56ec
commit 7fe6b11
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 4 deletions.
diff --git a/BACKEND/index.js b/BACKEND/index.js
@@ -8,7 +8,7 @@ const app = express();
 app.use(cors());
 dotenv.config();
 
-const port = process.env.PORT || 3001;
+const port = process.env.PORT || 3096;
 
 //mongodb connect
 connectDB();

diff --git a/FRONTEND/package-lock.json b/FRONTEND/package-lock.json
diff --git a/FRONTEND/package.json b/FRONTEND/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "axios": "^1.7.9",
+    "dotenv": "^16.4.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.1",

diff --git a/FRONTEND/src/components/BookList.jsx b/FRONTEND/src/components/BookList.jsx
@@ -3,6 +3,7 @@ import Navbar from '../components/Navbar';
 import Cards from '../components/Cards';
 import axios from 'axios';
 
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 function BookList() {
     const [searchQuery, setSearchQuery] = useState('');
@@ -12,7 +13,7 @@ function BookList() {
     useEffect(() => {
         const getBooks = async () => {
             try {
-                const res = await axios.get(`${process.env.API_BASE_URL}/book`);
+                const res = await axios.get(`${API_BASE_URL}/book`);
                 console.log(res.data);
                 setBooks(res.data);
                 setFilteredBooks(res.data); // Set filteredBooks initially to all books

diff --git a/FRONTEND/src/components/YourBook.jsx b/FRONTEND/src/components/YourBook.jsx
@@ -5,15 +5,15 @@ import "slick-carousel/slick/slick-theme.css";
 import Slider from "react-slick";
 import Cards from './Cards';
 
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
 
 const YourBook = () => {
-
     const [books, setBooks] = useState([]);
 
     useEffect(() => {
         const getBooks = async () => {
             try {
-                const res = await axios.get(`${process.env.API_BASE_URL}/book`);
+                const res = await axios.get(`${API_BASE_URL}/book`);
                 console.log(res.data);
                 setBooks(res.data);
             } catch (error) {