File Structure

.github/ISSue_TEMPLATE/bug_report.yml

@@ -1,4 +1,4 @@
-name: 🐛 Bug
+name: 🐛 Bug Report
 description: Report an issue to help improve the project.
 labels: ["🛠 goal: fix", "🚦 status: awaiting triage"]
 body:

.github/ISSue_TEMPLATE/feature_report.yml

@@ -1,4 +1,4 @@
-name: 📄 Feature Request
+name: 📄 New Feature Request
 description: Want to add a new Feature? use this
 title: "[Feat] <description>"
 labels: ["📄 aspect: feature", "🚦 status: awaiting triage"]

public/index.html

@@ -9,7 +9,7 @@
       name="description"
       content="Collection of Reusable Web Components"
     />
-    <link rel="apple-touch-icon" href="logo.png" />
+    <link rel="apple-touch-icon" href="../src/assets/logo.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

src/App.js

@@ -1,6 +1,9 @@
 import React, { useEffect } from "react";
 import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
 import Homepage from "./pages/Homepage";
+import Footer from "./components/Footer/Footer";
+import Header from "./components/Header/Header";
+import { NavigationLeft } from "./components/LeftNavigation/NavigationLeft";
 import { Avatar } from "./pages/Avatar";
 import { Card } from "./pages/Card";
 import { Alert } from "./pages/Alert";

src/components/Accordion.js → src/components/Accordion/Accordion.js

@@ -2,7 +2,7 @@
 import React, { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import './Accordion.css';
-import Expand from '../assets/expand_more.png';
+import Expand from './expand_more.png';
 
 // Individual Accordion Item component
 const AccordionItem = ({ item, index, isActive, onClick }) => {

src/components/Header.js → src/components/Header/Header.js

@@ -1,5 +1,5 @@
 import React from "react";
-import "../Css/Header.css";
+import "./Header.css";
 
 const Header = () => {
   return (

src/components/NavigationLeft.jsx → src/components/LeftNavigation/NavigationLeft.jsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { NavLink } from "react-router-dom"
-import "../Css/NavigationLeft.css"
+import "./NavigationLeft.css"
 
 export const NavigationLeft = () => {
     return (

src/pages/FooterPage.jsx

@@ -1,6 +1,6 @@
 import { Heading } from "../components/Heading";
-import Footer from "../components/Footer";
-import CustomFooter from "../components/CustomFooter";
+import Footer from "../components/Footer/Footer";
+import CustomFooter from "../components/CustomFooter/CustomFooter";
 import BottomNav from "../components/Bottom Nav bar/BottomNavBar";
 export const FooterPage = () => {
   return (

src/pages/Homepage.jsx

@@ -1,3 +1,10 @@
+// import Button from "../components/Button";
+// import arrowRight from "../assets/arrow-right.svg";
+// import Accordion from "../components/Accordion/Accordion";
+// import Modal from "../components/Modal";
+// import Feature6 from "../components/TopHeader";
+// import Footer from "../components/Footer/Footer";
+// import Login from "../components/Login/Login";
 import React, { Fragment } from "react";
 import BottomNav from "../components/Bottom Nav bar/BottomNavBar";
 import Sidebar from "../components/Sidebar";