KINO is a social network designed for people to share their opinions on movies and TV shows.
- User Authentication: Users can sign in with email and password, or with Google, and can also recover their password, all done with Firebase authentication.
- Profile Editing: Users can edit their profile information, including profile picture, and can also logout and delete their profile.
- DiceBearAPI: Users' profile pictures are automatically assigned using the DiceBearAPI.
- Firestore: All app data is stored in Firebase Firestore.
- Movie and TV Show Browsing: Users can browse movies and TV shows obtained from the IMBdAPI, open them for more details, and share a post rating them.
- Friend Search: Users can search for friends, open their profiles to see the movies they've shared, and follow them.
- Feed: Users can access their feed where they see their friends' latest posts.
- Comments: Users can post comments on another user's post and see the other comments that are posted.
- Watch List: Users can add movies to their watch list.
- Coming Soon: Users can access a "coming soon" section that was done by scraping a website with Python.
- Firebase Hosting: The web app is hosted with Firebase Hosting.
During the development of KINO, I gained several new skills and knowledge, including:
- Vue.js: This was my first time using Vue.js, and I learned how to develop web apps with Vue.js.
- TailwindCSS: This was my first time using TailwindCSS, and I learned how to create responsive and stylish user interfaces.
- Web Scraping: I learned how to scrape a website with Python to obtain data for the "coming soon" section of the app.
- Docker: I learned how to use Docker for containerization of the application, making it easier to manage dependencies and deploy the app.
- Firebase Hosting: I learned how to use Firebase Hosting to host and deploy the web app, making it accessible to users online.
KINO is a project that showcases my skills in front-end web development using Vue.js, Firebase authentication and Firestore for user authentication and data management, TailwindCSS for responsive UI design, and web scraping with Python. It was a great learning experience, and I am excited about the potential for future development of KINO, including adding more social features and implementing recommendation systems. I hope you enjoy using KINO as a platform to share your opinions on movies and TV shows with your friends!