This project is a complete web application developed with VueJS 3, utilizing the Composition API, Pinia for state management, and Supabase for authentication and data management. The application allows users to register, log out, log in, modify their profile, and manage tasks from a control panel. Additionally, it includes a navigation bar and a user card displaying user data.
-
Authentication: Implementation of registration, logout, and login using Supabase.
-
Profile Management: Profile view where the user can modify their data.
-
Task Control Panel: Dashboard view where the user can add, edit, mark as completed, and delete tasks.
-
Navigation Bar: Integration with Vue Router for smooth navigation between views.
-
User Card: Dynamically displays user data.
Frontend: VueJS 3, Composition API, Pinia. Backend: Supabase. Styles: Uses CSS for application design and styles.
Setting up Supabase:
- Create an account on Supabase if you don't have one already.
- Create a new project in Supabase and obtain the API credentials.
- Configure the Supabase credentials in your project's .env file.