diff --git a/src/App.jsx b/src/App.jsx index 21c99b6..a57f46a 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -5,6 +5,9 @@ import AllApps from "./Python_Library_Pages/AllApps"; import PythonBasics from "./Python_Library_Pages/Python_Basics/Introduction-to-Python"; import NumpyBasics from "./Python_Library_Pages/Numpy/Intro-to-Numpy"; import PandasBasics from "./Python_Library_Pages/Pandas/Intro-to-Pandas"; +import MatplotlibBasics from "./Python_Library_Pages/Matplotlib/Intro-to-Matplotlib"; +import OperatorsBasics from "./Python_Library_Pages/Python_Basics/Intrduction-to-Operators"; +import FunctionsBasics from "./Python_Library_Pages/Python_Basics/Introduction-to-Functions"; import PlayGround from "./Python/PlayGround"; @@ -18,20 +21,24 @@ const App = () => { }> } /> + } + /> + } + /> }> - } /> + } /> {/* if we have child element we need added here */} - {/* } />I - } /> - } /> - } /> */} }> - } /> - {/* } /> - } /> - } /> */} + } /> + + }> + } /> {/* remaing routes*/} diff --git a/src/Constants/index.js b/src/Constants/index.js index 22929e9..8653733 100644 --- a/src/Constants/index.js +++ b/src/Constants/index.js @@ -1,4 +1,4 @@ -// important +// important // guys must name route value equal to same as what you give the route in App.jsx export const subMenusList = [ @@ -10,7 +10,15 @@ export const subMenusList = [ { title: "Introduction to Python", route: "Introduction-to-Python", - } + }, + { + title: "Introduction to Operators", + route: "Introduction-to-Operators", + }, + { + title: "Introduction to Functions", + route: "Introduction-to-Functions", + }, ], }, { @@ -19,11 +27,10 @@ export const subMenusList = [ route: "/NumPy-Library/Intro-to-Numpy", children: [ { - // List of Pages - title: "Intro to Numpy", + // List of Pages + title: "Intro to Numpy", route: "Intro-to-Numpy", - - } + }, ], }, { @@ -34,7 +41,7 @@ export const subMenusList = [ { title: "Intro to pandas", route: "Intro-to-pandas", - } + }, ], }, /* remaining contents*/ diff --git a/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx b/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx index e69de29..841fd38 100644 --- a/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx +++ b/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx @@ -0,0 +1,13 @@ +import React from "react"; + +const MatplotlibBasics = () => { + return ( +
+

Introduction to Matplotlib

+ +

Development can start for Matplotlib from here

+
+ ); +}; + +export default MatplotlibBasics; diff --git a/src/Python_Library_Pages/Python_Basics/Intrduction-to-Operators.jsx b/src/Python_Library_Pages/Python_Basics/Intrduction-to-Operators.jsx new file mode 100644 index 0000000..6d7e607 --- /dev/null +++ b/src/Python_Library_Pages/Python_Basics/Intrduction-to-Operators.jsx @@ -0,0 +1,13 @@ +import React from "react"; + +const OperatorsBasics = () => { + return ( +
+

Introduction to Operators in Python

+ +

Development can start for Python from here

+
+ ); +}; + +export default OperatorsBasics; diff --git a/src/Python_Library_Pages/Python_Basics/Introduction-to-Functions.jsx b/src/Python_Library_Pages/Python_Basics/Introduction-to-Functions.jsx new file mode 100644 index 0000000..6618568 --- /dev/null +++ b/src/Python_Library_Pages/Python_Basics/Introduction-to-Functions.jsx @@ -0,0 +1,13 @@ +import React from "react"; + +const FunctionsBasics = () => { + return ( +
+

Introduction to Functions in Python

+ +

Development can start for Python from here

+
+ ); +}; + +export default FunctionsBasics; diff --git a/src/layouts/sidebar/SubMenu.jsx b/src/layouts/sidebar/SubMenu.jsx index a48457d..a5774f4 100644 --- a/src/layouts/sidebar/SubMenu.jsx +++ b/src/layouts/sidebar/SubMenu.jsx @@ -6,19 +6,18 @@ import { NavLink, useLocation } from "react-router-dom"; const SubMenu = ({ data }) => { const { pathname } = useLocation(); const [subMenuOpen, setSubMenuOpen] = useState(false); + const childrenCount = data.children?.length || 0; return ( <> -
  • setSubMenuOpen(!subMenuOpen)} > {/* */}

    {data.title}

    - +
    • - + { height: 0, } } - className="flex h-0 flex-col pl-14 text-[0.8rem] font-normal overflow-hidden" + className="flex h-0 flex-col text-[15px] font-normal overflow-hidden text-black bg-[#EAEDED] hover:text-[#8800ff] " + style={{ + fontFamily: "Poppins, sans-serif", + }} > + {data.children?.map((child, i) => ( +
  • + {/* className="hover:text-blue-600 hover:font-medium" */} - -{data.children?.map((child,i) => ( -
  • - {/* className="hover:text-blue-600 hover:font-medium" */} - - - {child.title} - -
    • - -))} + + {child.title} + + + ))}     ); diff --git a/src/layouts/sidebar/index.jsx b/src/layouts/sidebar/index.jsx index 712e411..c0bc717 100644 --- a/src/layouts/sidebar/index.jsx +++ b/src/layouts/sidebar/index.jsx @@ -85,41 +85,53 @@ const Sidebar = () => { initial={{ x: isTabletMid ? -250 : 0 }} animate={open ? "open" : "closed"} // sidebar color code (#E0E0E0) - className=" bg-[#212121] text-white shadow-xl z-[999] max-w-[19rem] w-[19rem] - overflow-hidden md:relative fixed h-screen "> + className="border-r border-[#BFC9CA] shadow-lg bg-[#EAEDED] text-black text-[16px] shadow-xl z-[999] max-w-[19rem] w-[19rem] overflow-hidden md:relative fixed h-screen" + style={{ fontFamily: "Poppins, sans-serif", fontWeight: "light" }} + >
    {/* */} - -

    - PyLibLog -

    + +

    + PyLibLog +

    - +
    -
    - - - +
    + + +
    -
      +
      +
        {(open || isTabletMid) && ( -
        +
        {/* Product categories */} {subMenusList?.map((data, i) => ( -
        +
        ))}