LibX Website
Overview
LibX App Introduction Website
Role/Responsibilities
Assigned to design a website for introducing the LibX app. It must include comprehensive information about the app and be responsive across various screen sizes.
Features include:
- Landing page
- Responsive design for all screens
Problems/Challenges
The app introduction information will be presented on a website. Users need to grasp the overall concept effectively. The design of the information flow must be appropriate, with concise content. All essential information should be visible on a single page for user convenience.
Design Concept
The website design will emphasize 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 presented information effectively conveys the overall concept of the LibX app. Access is accurate and fast, and the website displays correctly on all screen sizes.
Images
