Updated server to match client

Author: philipjpark

client/package.json

@@ -2,7 +2,7 @@
   "name": "client",
   "version": "0.1.0",
   "private": true,
-  "proxy": "http://localhost:3001",
+  "proxy": "http://localhost:3000",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",

client/src/App.js

@@ -33,7 +33,7 @@ const App = () => {
       element:<SneakerDetails data={sneakers}/>
     },
     {
-      path:"/comment/create/:sneaker_id",
+      path:"/reviews/create/:sneaker_id",
       element: <CreateComment />
     },
     {

client/src/components/CommentBtn.js

@@ -14,13 +14,13 @@ const CommentBtn = (props) =>  {
       body: JSON.stringify({num_votes: num_votes + 1})
     }
 
-    fetch('/api/comments/' + props.id, options)
+    fetch('/api/reviews/' + props.id, options)
     setNumVotes((num_votes) => num_votes + 1)
   }
 
   return (
     <button className='commentBtn' id={props.id} onClick={updateCount}>
-       {num_votes  +  ' ❤️ ' } <br/ > <br/ >  {props.comments} 
+       {num_votes  +  ' ❤️ ' } <br/ > <br/ >  {props.reviews} 
     </button>
   )
 

client/src/components/SneakersCard.js

@@ -6,7 +6,7 @@ import { Link } from 'react-router-dom'
 const SneakersCard = (props) =>  {
 
   return (
-      <div className="SneakersCard" style={{ backgroundImage:`url(${props.img_url})`}} >
+      <div className="SneakersCard" style={{ backgroundImage:`url(${props.image_url})`}} >
         <div className="SneakersCard-info">
           <h3 className="brand_name">{props.brand_name}</h3>
           {/* <p className="description">{props.description}</p>  */}

client/src/pages/CreateComment.js

@@ -29,7 +29,7 @@ const CreateComment = () => {
             body: JSON.stringify(comment)
         }
 
-        await fetch('/api/comments/' + sneaker_id, options)
+        await fetch('/api/reviews/' + sneaker_id, options)
         window.location.href = '/'
     }
 

client/src/pages/ReadSneakers.js

@@ -17,9 +17,9 @@ const ReadSneakers = (props) => {
     const handleBrandSort = () => {
         const sortedSneakers = [...posts].sort((a, b) => {
             if (brandSortOrder === 'ascending') {
-                return a.brand_name.localeCompare(b.brand_name);
+                return a.name.localeCompare(b.name);
             } else {
-                return b.brand_name.localeCompare(a.brand_name);
+                return b.name.localeCompare(a.name);
             }
         });
         setPosts([...sortedSneakers]);
@@ -68,11 +68,11 @@ const ReadSneakers = (props) => {
                 posts.map((post,index) => 
                    <SneakersCard key={post.id} 
                          id={post.id} 
-                         brand_name={post.brand_name} 
+                         brand_name={post.name} 
                          description={post.description} 
                          sizes={post.sizes} 
                          price={post.price}
-                         img_url={post.img_url} />
+                         image_url={post.image_url} />
                 ) : <h3 className="noResults">{'No Sneakers Yet 😞'}</h3>
             }
         </div> 

client/src/pages/SneakerDetails.js

@@ -6,17 +6,17 @@ import './SneakerDetails.css'
 const SneakerDetails = ({data}) => {
 
     const {id} = useParams();
-    const [post, setPost] = useState({id: 0, brand_name: "", description: "", sizes: "", price: "", img_url: ""})
+    const [post, setPost] = useState({id: 0, name: "", description: "", sizes: "", price: "", image_url: ""})
     const [comments, setComments] = useState([])
 
     useEffect(() => {
         const result = data.filter(item => item.id === parseInt(id))[0];
 
-        setPost({id: parseInt(result.id), brand_name: result.brand_name, description: result.description, sizes: result.sizes, price: result.price, img_url: result.img_url});
+        setPost({id: parseInt(result.id), name: result.name, description: result.description, sizes: result.sizes, price: result.price, image_url: result.image_url});
 
 
         const fetchComments = async () => {
-            const response = await fetch('/api/comments/' + id)
+            const response = await fetch('/api/reviews/' + id)
             const data = await response.json()
             setComments(data)
         }
@@ -29,20 +29,20 @@ const SneakerDetails = ({data}) => {
     return (
         <div className="out">
         <div className="details-banner">
-        <h3 className="brand_name">{post.brand_name}</h3>
+        <h3 className="brand_name">{post.name}</h3>
         <div className="details-container">
             <p className="details-description">{post.description}</p>
         </div>
         </div>
 
             <div className="flex-container">
-                <div className="left-side" style={{ backgroundImage:`url(${post.img_url})`}}>
+                <div className="left-side" style={{ backgroundImage:`url(${post.image_url})`}}>
                 </div>
                 <div className="right-side">
                     {/* <p>{"✔️ Sizes: " + post.sizes }</p> */}
                     <p className="details-price">{"🏷️ Price: " + post.price}</p>
-                    <p className="right-side-brand_name">{post.brand_name}</p>
-                    <Link to={'../../comment/create/'+ id }><button className="addCommentBtn">Create Comment</button></Link>
+                    <p className="right-side-brand_name">{post.name}</p>
+                    <Link to={'../../comment/reviews/'+ id }><button className="addCommentBtn">Review</button></Link>
                 </div>
             </div>
 

client/vite.config.js

@@ -6,7 +6,7 @@ export default defineConfig({
   server: {
     proxy: {
       '/api': {
-        target: 'http://localhost:3001'
+        target: 'http://localhost:3000'
       }
     }
   }

server/controllers/reviews.js

@@ -20,7 +20,7 @@ const createReview = async (req, res) => {
 const getReviews = async (req, res) => {
   try {
     const results = await pool.query(
-      "SELECT * FROM reviews ORDER BY reviewid ASC"
+      "SELECT * FROM reviews ORDER BY review_id ASC"
     );
     res.status(200).json(results.rows);
   } catch (error) {