Angular Firebase web app using media upload and search function
Budget: $250 – $750 USD
Requirements:
- General: web app using Angular, Firebase, and [Material.io](http://Material.io).
- Sign up / Login page: user sign up with basic information including name, email, year of birth. Login page integrate with Firebase Authentication Service.
- Home page
- Display preview of all the posts user has added. User is able to view details of the post by clicking the preview.
- Search button: link to search page
- Post button: link to post page
- Home button: back to home page
- Post page:
- Add Title
- Upload medias: Allow user to upload image and record audio associated with the image. Multiple images and audios are allowed (maximum 5 images and 5 minutes of audio recording for each image). Storage integrated with Firebase Firestore Service.
- Add tags: Allow user to add keyword for searching the media he has uploaded
- Post button: Store the post in user’s data store in firestore, which will be displayed in user’s home page and can be viewed by other users.
- Post details page:
- Title
- Display images of the post, and auto-play the audio associated with each image. If there’re multiple images, user is able to swipe to other images and audio associated to it will be auto-played.
- Clap button: user can clap for post, and display how many claps have the post received
- Comment button: user can comment on the post, which everyone can view. Comment supports text only.
- Delete button: user is able to delete the post (only show this button to owner of the post).
- Post preview page:
- Show the first image thumbnail and title of the post.
- Show number of claps and comments the post has.
- Search page:
- Search box: user is able to enter multiple keyword he likes to search for, comma separated format.
- Display search result: display preview of the posts that matches the search keywords. User is able to view details of the post by clicking the preview.
- General: web app using Angular, Firebase, and [Material.io](http://Material.io).
- Sign up / Login page: user sign up with basic information including name, email, year of birth. Login page integrate with Firebase Authentication Service.
- Home page
- Display preview of all the posts user has added. User is able to view details of the post by clicking the preview.
- Search button: link to search page
- Post button: link to post page
- Home button: back to home page
- Post page:
- Add Title
- Upload medias: Allow user to upload image and record audio associated with the image. Multiple images and audios are allowed (maximum 5 images and 5 minutes of audio recording for each image). Storage integrated with Firebase Firestore Service.
- Add tags: Allow user to add keyword for searching the media he has uploaded
- Post button: Store the post in user’s data store in firestore, which will be displayed in user’s home page and can be viewed by other users.
- Post details page:
- Title
- Display images of the post, and auto-play the audio associated with each image. If there’re multiple images, user is able to swipe to other images and audio associated to it will be auto-played.
- Clap button: user can clap for post, and display how many claps have the post received
- Comment button: user can comment on the post, which everyone can view. Comment supports text only.
- Delete button: user is able to delete the post (only show this button to owner of the post).
- Post preview page:
- Show the first image thumbnail and title of the post.
- Show number of claps and comments the post has.
- Search page:
- Search box: user is able to enter multiple keyword he likes to search for, comma separated format.
- Display search result: display preview of the posts that matches the search keywords. User is able to view details of the post by clicking the preview.