Chata pri Zelenom plese – UX/UI Redesign v2.0 DEV

This repository contains the redesigned user interface for Chata pri Zelenom plese as part of the course Používateľské rozhrania a používateľský zážitok (UX) at FEI TUKE.

Course Information

Používateľské rozhrania a používateľský zážitok (UX) is a course focused on the principles, design, implementation, and evaluation of user interfaces for software systems. The course covers ergonomics, usability, accessibility, and component-based UI development for web and other platforms. For more details, see the official course page.

Course Topics

• UX research and conceptual modeling
• Low- and high-fidelity prototyping
• Usability evaluation and iteration
• Web UI implementation (React, HTML, CSS)
• Accessibility and best practices

Repository Structure

ux-chata-pri-zelenom-plese/
├── public/                # Static assets (images, icons, logo)
├── src/
│   ├── components/        # Reusable React components (Header, Footer, Reservation, etc.)
│   ├── pages/             # Main, Reservation, and Admin pages
│   ├── App.jsx            # Main React app entry
│   ├── index.jsx          # React root rendering
│   └── global.css         # Global styles
├── index.html             # HTML entry point
├── package.json           # Project metadata and dependencies
├── vite.config.mjs        # Vite build configuration
└── ...

Key Features

• Modern, accessible, and responsive UI for a mountain chalet
• Online reservation system with calendar and pricing
• Admin dashboard for managing bookings
• Component-based architecture using React and Material UI
• Realistic content and imagery for authentic UX

Technology Stack

• Language: JavaScript (React 18)
• UI Library: Material UI (MUI)
• Build Tool: Vite
• Styling: CSS Modules, global CSS
• Testing: Testing Library, Jest

Getting Started

Prerequisites

• Node.js (v16 or higher recommended)

Installation & Running

1. Open the project folder in Visual Studio Code
2. In the terminal, run:

   npm install
   npm start

3. The app will be available at http://localhost:5173/ (default Vite port)

Building for Production

npm run build

Linting

npm run lint

License

This repository is licensed under the MIT License. You are free to use, modify, and distribute the code for educational and non-commercial purposes. See the LICENSE file for details.

---