src/components/homecards.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import card from './card'
 import {Link} from 'react-router-dom'
 
-const homecards = () => {
+const HomeCards = () => {
   return (
     <section className="py-4">
         <div className="container-xl lg:container m-auto">
@@ -37,4 +37,4 @@ const homecards = () => {
   )
 }
 
-export default homecards
+export default HomeCards

src/components/joblisting.jsx

@@ -4,7 +4,7 @@ import { useState } from 'react'
 import {FaMapMarker } from 'react-icons/fa'
 import {Link} from 'react-router-dom';
 
-const joblisting = ({job}) => {
+const jobListing = ({job}) => {
 
     const [showFullDescription, setShowFullDescription] = useState(false);
     let description = job.description; 
@@ -48,4 +48,4 @@ const joblisting = ({job}) => {
   )
 }
 
-export default joblisting
+export default l

src/jobs.json

@@ -1,3 +1,5 @@
+ {
+  "jobs":
   [
       {
         "id": "1",
@@ -84,3 +86,4 @@
         }
       }
     ]
+}

src/layouts/mainlayout.jsx

@@ -1,15 +1,15 @@
 import { Outlet, replace } from "react-router-dom";
-import navbar from "../components/navbar";
+import NavBar from "../components/navBar";
 
 import React from 'react'
 
-const mainlayout = () => {
+const MainLayout = () => {
   return (
     <>
-      <navbar />
+      <NavBar />
       <Outlet />
     </>
   );
 }
 
-export default mainlayout
+export default MainLayout

src/pages/homepage.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import hero from '../components/hero'; 
-import homecards from '../components/homecards';
+import homecards from '../components/HomeCards';
 import joblistings from '../components/jobListings';
 import viewalljobs from '../components/viewalljobs';
 

src/pages/jobspage.jsx

@@ -1,11 +1,11 @@
 import React from 'react'
 import joblistings from '../components/jobListings'
 
-const jobspage = () => {
+const JobsPage = () => {
   return 
   <section className='bg-blue-50 px-4 py-6'>
     <joblistings />
   </section>
 }
 
-export default jobspage
+export default JobsPage

src/pages/notfoundpage.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import {Link} from 'react-router-dom'; 
 import { FaExclamationTriangle } from 'react-icons/fa';
 
-const notfoundpage = () => {
+const NotFoundPage = () => {
   return (
     <section className="text-center flex flex-col justify-center items-center h-96">
     <FaExclamationTriangle className='text-yellow-400 text-6xl mb-4' />
@@ -17,4 +17,4 @@ const notfoundpage = () => {
   )
 }
 
-export default notfoundpage
+export default NotFoundPage