Seawolf Connect was born from the desire to help students dive deeper into Stony Brook’s vibrant campus life. With over 25,000 students, finding peers with shared interests can be overwhelming.

As an incoming freshman, I was lucky to discover my WISE (Women in Science and Engineering) community—a supportive network where I met some of my closest friends. Now, with Seawolf Connect, I hope to recreate that welcoming space for every Seawolf—whether you’re looking to network, build friendships, or find the perfect study group.

Seawolf Connect features an interactive quiz that reveals your unique "wolfienality"—a fun mix of your personality and Seawolf spirit 🐺✨.

Once you receive your result, you can opt to add your information to our system. From there, you’re directed to a dedicated page where you can explore and connect with fellow Seawolves who share your mascot match.

• 💻 HTML, CSS, JavaScript
• 🎨 Adobe Fresco (for custom Wolfie illustrations)
• 🧩 Canva (for layout and result pages)

We focused on building a modern, friendly, and interactive experience for users from all backgrounds.

• 🖼 Image Integration: Making sure our custom Wolfie illustrations were high-quality and responsive was tricky across different devices and layouts.
• 🔌 Database Connectivity: Designing a reliable system to store and retrieve users based on wolfienality required careful planning and testing.
• 🎨 Styling and Layout: Balancing visual appeal with readability was a challenge, especially when styling background images and mobile responsiveness.

• 🤝 Seamless team collaboration
• ✨ Clean, visually appealing design
• 🎨 Beautiful, hand-crafted Wolfie illustrations
• 🔗 Smooth integration of HTML, CSS, and JavaScript to create an interactive and intuitive experience

• 🧠 A deeper understanding of JavaScript's dynamic features for interactivity
• 🎨 Advanced CSS styling techniques for responsive design
• ✍️ Improved digital illustration and layout skills using Adobe Fresco and Canva
• 🧱 Gained practical insight into web architecture, planning, and real-world development cycles

• ⚛️ Implementing React to modularize components and streamline development
• 🧠 Persistent database integration to retain user data across sessions
• 💬 User accounts and messaging so users can sign in, save matches, and chat directly through the site
• 🐣 Expanding the quiz to include more nuanced results and connections

Thanks for checking out Seawolf Connect! We hope it inspires a more connected and welcoming experience for every Seawolf at Stony Brook. 🌊🐾