Develop Frontend by vite_ruby #12
Description
Why develop Frontend?
Currently, this app just only provides GraphQL API.
Frontend needs in order to become a more practical app.
What kind of UI?
Dashboard Overview:
A main dashboard that provides an overview of the app's functionalities and key metrics.
Real-time data display, possibly in the form of graphs and charts, to provide immediate insights to the user.
Navigation Menu:
A side or top navigation menu to allow users to easily switch between different sections of the app.
Sections could include Dashboard, Reports, Settings, and Help.
Interactive Forms:
Forms for data input that integrate seamlessly with the GraphQL API.
Validation and feedback to ensure users input correct and complete data.
Responsive Design:
Ensure the UI is responsive and works well on various devices, including desktops, tablets, and smartphones.
Use modern design principles to create a clean and engaging interface.
Notifications and Alerts:
Provide notifications and alerts to keep users informed about important updates or issues.
Integrate with real-time functionalities to deliver timely information.
User Management:
Interfaces for user registration, login, and profile management.
Permissions and roles management for different user levels.
Why vite_ruby?
https://github.com/ElMassimo/vite_ruby
It's easy to integrate frontend frameworks such as React and Vue.