Footer and Events Page

[Anwesha28S]

No description provided.

[netlify]

✅ Deploy Preview for asme-nitr ready!

Name	Link
🔨 Latest commit	5a69074
🔍 Latest deploy log	https://app.netlify.com/projects/asme-nitr/deploys/6877383c1300fe0008c926ff
😎 Deploy Preview	https://deploy-preview-15--asme-nitr.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sidd233]

in .gitignore, write 'dist' in a new line, this shouldn't be pushed to the repo

[sidd233]

do not install any library, all the necessary libraries are provided, if you need specific library, ask in the group first

[sidd233]

i think you meant to do this :

import { Outlet } from "react-router";

const Playground = () => {
  return
  <>
    <div className="min-h-screen">
      <Outlet />
    </div>
    <Footer />
  </>;
};

export default Playground;

currently this is only returning the outlet

[sidd233]

map everything from config files,

for example, instead of doing this:

              <li>
              <Link to="/about" className="hover:underline">
                About us
              </Link>
            </li>
            <li>
              <Link to="/team" className="hover:underline">
                Team
              </Link>
            </li>
            <li>
              <Link to="/events" className="hover:underline">
                Events
              </Link>
            </li>
            <li>
              <Link to="/achievements" className="hover:underline">
                Achievements
              </Link>
            </li>
            <li>
              <Link to="/gallery" className="hover:underline">
                Gallery
              </Link>
            </li>

you can do this instead:

//  make a file in config folder for this
const footerLinks = [
    {
        to : "/facebook"
        text : "facebook"
    }, ..... //make objects for each link
]

// and in this Footer.jsx file,
footerLinks.map((item,idx)=>{
        <li>
          <Link to={item.to} className="hover:underline">
                {item.text}
          </Link>
       </li>
})

[sidd233]

revert