Seminar Website
Overview
Website for the Academic Cooperation Seminar Project on Green Library Network Development
Role/Responsibilities
Assigned to design a website for the Academic Cooperation Seminar Project on Green Library Network Development, serving as a communication and public relations channel for participants.
It must include comprehensive information and be responsive across various screen sizes. Features include:
- Landing page
- Responsive design for all screens
Problems/Challenges
The information to be presented must be in website format. Users need to easily understand the seminar concept. The design of the information flow must be appropriate, easy to understand, and concise. All essential information should be visible on a single page for user convenience.
Design Concept
The website design will focus on UI/UX to ensure ease of use and responsiveness across all screen sizes. Efficient and team-friendly programming languages and tools were selected to facilitate continuous development.
Technologies/Tools
- Frontend:
Vue.js (Quasar)- A popular, easy-to-use, and efficient framework. - Styling:
Tailwind CSS- Used for designing the UI and responsiveness of the web application. - DevOps:
Docker- Used for deploying the API component, and Kong API Gateway is used for reverse proxying the Frontend.
Features
- Landing page
- Responsive design for all screens
Outcome
After the website design and launch, the information on the website is easily understandable. Access is accurate and fast, and the website displays correctly on all screen sizes.
Images



