Class 2024I - Digital Business | UNESA 🎓

Class Portfolio Portal for Digital Business Students at Universitas Negeri Surabaya

Welcome to the class portal website for Digital Business Class 2024I at Universitas Negeri Surabaya (UNESA). This website serves as a collaborative portfolio directory showcasing 43 innovative students ready to shape the future of the digital economy.

---

🌟 Key Features

🧑‍🎓 1. Dynamic Student Directory

• Showcases profiles, skills, and contact details for all 43 class members.
• Easily searchable list to discover talent and student specialties.

🌐 2. Modern & Responsive UI

• Built with a fluid, dark-mode inspired color palette using Tailwind CSS.
• Responsive layout designed using a mobile-first approach, featuring clean transitions and modern typography via Plus Jakarta Sans.

⚡ 3. Fast Static Delivery

• Bootstrapped with Vite and TypeScript to achieve rapid local compilation and instant browser loading.

---

🛠️ Tech Stack

• Frontend Core: React 18, TypeScript, Vite
• Styling: Tailwind CSS, PostCSS
• Deployment: Hosted on Vercel (https://class2024i.vercel.app/)

---

📂 Project Structure

Class-Website/
├── src/
│   ├── components/         # Directory components (student cards, filters)
│   ├── data/               # Static dataset for the 43 students
│   ├── App.tsx             # Main layout and app entrypoint
│   └── main.tsx            # Mounting point
├── index.html              # Core HTML wrapper
├── package.json            # Script configs and dependencies
└── README.md               # Project documentation

---

🚀 Running Locally

1. Clone the repository:

   git clone https://github.com/ArdiWiryawan/Class-Website.git
   cd Class-Website

2. Install all dependencies:

   npm install

3. Start the local server:

   npm run dev

4. Open http://localhost:5173 in your web browser.

---

📄 License

This project is open-source and licensed under the MIT License.