The latest articles on DEV Community by Mariya Ann (@ann_27_ma). https://dev.to/ann_27_ma https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3369958%2F7875705e-2feb-44b4-a656-5cd5967a123c.png https://dev.to/ann_27_ma en Mariya Ann Sat, 19 Jul 2025 12:42:59 +0000 https://dev.to/ann_27_ma/team-management-web-project-frontend-challenge-submission-52 https://dev.to/ann_27_ma/team-management-web-project-frontend-challenge-submission-52 <h1> 🌐 Frontend Challenge: Office Edition Submission </h1> <h2> Prompt: Holistic Webdev – Office Space </h2> <h3> 📌 Project Name: </h3> <p><strong>Team Management Web Project</strong> (Intranet-style Homepage)</p> <h3> 🔍 Description: </h3> <p>This project is a fictional intranet homepage for a company. It includes:</p> <ul> <li>A homepage with logo and navigation</li> <li>Teams section with searchable member list</li> <li>Projects page with team-wise projects</li> <li>Events page with past/upcoming events</li> </ul> <h3> 🖥️ Tech Stack: </h3> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <h3> 🎨 Features: </h3> <ul> <li>Responsive navigation</li> <li>Team spotlight</li> <li>Project showcase</li> <li>Search functionality</li> <li>Simple, clean UI</li> </ul> <h3> 💡 Inspiration: </h3> <p>Inspired by the need for a centralized, clean, and employee-friendly internal portal where team members can view essential resources.</p> <h3> 📷 Screenshots: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpi6l1klj4u3a6wrs4ck3.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpi6l1klj4u3a6wrs4ck3.png" alt="Logo" width="486" height="460"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8t81ipxallqv0cfjyae9.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8t81ipxallqv0cfjyae9.png" alt="Preview" width="800" height="356"></a></p> <h3> 📂 Source Code: </h3> <p>🔗 <a href="https://github.com/mariya27700/Team_management_web_Project" rel="noopener noreferrer">GitHub Repository</a></p> <p>💬 <strong>Let me know what you think! Suggestions or feedback are welcome!</strong></p> webdev html javascript frontendchallenge