BUILT WITH:
This application is fully responsive and has been made with Vue-js, vuex, vue-router, HTML, SCSS and Firebase for the backend.
TRY THIS APP HERE:
https://coach-surfing-fabio.netlify.app
DESCRIPTION OF THE APP:
This app is for both students that want to learn how to code thus is possible for them to contact a teacher and for coaches that can register and create their coach profile to get contacted.
Everyone accessing the app that is not authenticated can view the list of registered coaches, click on one and take a look at all their info in details, prices, description, profile image and the fields they are mostly specialized in.
It's also possible to filter coaches based on what the coach teaches and after viewing their details and info, you can contact them through the website.
Everyone that instead feels brave enough to coach 😜, can register on the app and later on create their coach profile so that they can be contacted on their profile.
At this point a coach can log in whenever they want to check if someone wrote them. It's possible to click on the messages received and automatically get redirected on their default email handler or click on the delete icon to get rid of the message from your profile.
MORE ABOUT THE APP:
The app is FULLY RESPONSIVE, it uses flexbox, css grid, keyframes and is provided with error handling and functions as the one that will auto-logout after a given time from the authentication.
Thanks to Vue js, the app uses components, routing, vuex and many fetch API to interact with Firebase. It also has features as redirecting a user to different URLs if trying to access pages which is not allowed to visit and keeps you logged in if you refresh the page (and the auto logout timer hasn't expired of course).
npm install
npm run serve
npm run build
npm run lint