IEEE SB Portal

IEEE Student Branch Website 🌟

🌐 Visit the website at: https://ieee-ldrpitr-sb.vercel.app/

Empowering Future Tech Leaders 🚀

Welcome to the official website of the IEEE Student Branch at LDRP Institute of Technology and Research! This platform serves as a dynamic hub for our members and the broader community to stay informed about our events, initiatives, and resources. 🎓

🎯 Project Overview

I spearheaded the design and development of this website, utilizing modern web technologies to ensure a seamless and engaging user experience. Key highlights of the project include:

🛠️ Technology Stack: Built with Next.js and TypeScript, ensuring a robust and scalable foundation

💫 UI Frameworks: Integrated Aceternity UI, ShadCN, and Framer Motion to craft an intuitive and dynamic user interface

⚡ Performance Optimization: Achieved a 93% performance score and a 90% SEO score on Lighthouse through:

Server-side rendering (SSR)
Static site generation
Next.js best practices implementation

👥 Team Collaboration: Led and mentored a cross-functional team in both development and content management

📈 User Engagement: Successfully attracted over 3,000 users, significantly enhancing our outreach

🌟 Website Features

Our website offers a comprehensive set of features designed to serve our community:

🏠 Home Page: Your gateway to our vibrant IEEE community

🏆 Achievements Page: Showcasing our branch's accomplishments and milestones

📅 Events Page: Stay updated with our latest workshops, seminars, and activities

ℹ️ About IEEE Page: Learn about IEEE's global mission and impact

👥 About Student Branch Page: Discover our local chapter's history and vision

📞 Contact Page: Connect with our team and get involved

📸 Visual Highlights

Here are some snapshots of our website:

About IEEE Page:

About Events Page:

About Event Page:

📦 Dependencies

The project leverages a variety of dependencies to enhance functionality and user experience:

🎨 UI and Styling:

@emotion/react
@emotion/styled
@material-tailwind/react
@mui/icons-material
@mui/material
flowbite-react
tailwind-merge

✨ Animation and Motion:

framer-motion
react-fast-marquee

🌐 3D and Visualization:

@react-three/drei
@react-three/fiber
three
three-globe

📝 Content Rendering:

@notion-render/bookmark-plugin
@notion-render/client
@notion-render/hljs-plugin
@notionhq/client

🛠️ Utilities:

clsx
react-icons
react-intersection-observer
react-responsive
react-responsive-carousel
react-scroll-to-top
simplex-noise

✨ Particles and Effects:

@tsparticles/engine
@tsparticles/react
@tsparticles/slim

🚀 Getting Started

To explore the website, visit https://ieee-ldrpitr-sb.vercel.app/. For developers interested in the codebase, please refer to the repository for detailed documentation and setup instructions.

🌟 We're constantly evolving!

Your feedback and suggestions help us improve. Feel free to contribute and make our community stronger! 💪