SocIIoty Contest - PreΣΦΗΜΜΥ

A repository showcasing the codebase and concepts behind PreΣΦΗΜΜΥ 9, running alongside the annual ΣΦΗΜΜΥ conference.

Here you’ll find the very first version I built and deployed on Vercel: PreSFHMMY Site. Once the new design guidelines were finalized, I launched the streamlined official PreSFHMMY site: PreSFHMMY Official. For further background and resources, visit the main SFHMMY portal: SFHMMY.

📋 Table of Contents

1. 🤖 Overview
2. ⚙️ Tech Stack
3. 🔋 Key Features
4. 🗂️ Repository Structure
5. 🤸 Quick Start Guide
6. 🔗 Useful Links
7. 🚀 Inspiration & Resources

🤖 Overview

PreΣΦΗΜΜΥ 9: Shaping the Post-pandemic SocIoTy
This repository contains the source code for the contest portal developed for the 9th edition of PreΣΦΗΜΜΥ. Held in parallel with the ΣΦΗΜΜΥ (Students’ Electrical and Computer Engineers Conference), PreΣΦΗΜΜΥ focuses on challenges related to cyber-physical systems—from smart cities to IoT ecosystems—using modern software development practices.

This codebase serves not only as a contest entry but also as an educational resource, demonstrating best practices in building interactive and responsive web applications.

For information about ΣΦΗΜΜΥ and PreΣΦΗΜΜΥ:

What is ΣΦΗΜΜΥ?
ΣΦΗΜΜΥ (Students’ Electrical and Computer Engineers Conference) is a national three-day event where students, academics, and companies gather to present projects, share ideas, network, and learn about the latest technological advancements.

What is PreΣΦΗΜΜΥ?
PreΣΦΗΜΜΥ is the established technological contest held as part of the ΣΦΗΜΜΥ conference. It features multiple tracks focused on challenges relevant to Electrical and Computer Engineering. The contest is divided into two phases—the preliminary round and the final, which typically takes place during the conference.

⚙️ Tech Stack

The project leverages the following technologies:

• Next.js for a robust and performant user interface.
• Three.js for incorporating interactive 3D elements.
• Framer Motion to create smooth and engaging animations.
• Tailwind CSS for efficient and responsive styling.
• Aceternity UI for design components, sourced from Aceternity.

🔋 Key Features

• Dynamic Hero Section: An engaging introduction featuring layered animations and dynamic backgrounds.
• Modern Grid Layout: A flexible, grid-based design that presents contest details and project information.
• Interactive 3D Elements: Integration of Three.js to add depth and interactivity to the user experience.
• Smooth Animations: Utilization of Framer Motion for fluid transitions and visual appeal.
• Responsive Design: Optimized for performance and accessibility across various devices.
• Modular Code Architecture: Built with reusability in mind, drawing inspiration from modern techniques popularized by JavaScript Mastery.

🗂️ Repository Structure

This repository is organized to help developers understand and extend the project:

• data/: Contains configuration files and sample data (e.g., navigation items, grid content, project details, testimonials, and work experience).
• pages/ & components/: Houses the core Next.js pages and reusable UI components.
• styles/: Includes global styles and Tailwind CSS configuration files.
• public/: Stores static assets like images and SVG files.
• tailwind.config.ts: Custom Tailwind CSS configuration supporting dynamic themes and animations.

🤸 Quick Start Guide

To set up and run the project locally, follow these steps:

Prerequisites

• Git
• Node.js
• npm

Cloning the Repository

git clone https://github.com/adrianhajdin/portfolio.git
cd portfolio

Installation

Install the project dependencies using npm:

npm install

Running the Project

Start the development server:

npm run dev

Open http://localhost:3000 in your browser to explore the contest portal.

🔗 Useful Links

• Aceternity UI – Discover the UI components integrated into the project.
• JavaScript Mastery YouTube Channel – Inspiration for the modern web development techniques used.
• ΣΦΗΜΜΥ Conference Details – Additional context about the hosting conference.

🚀 Inspiration & Resources

This project is inspired by the innovative work featured on JavaScript Mastery. It blends advanced web technologies with creative design principles to build a robust and engaging contest portal.

Explore the repository to learn more about the code architecture, UI/UX strategies, and development practices used to bring PreΣΦΗΜΜΥ 9 to life.