Oma Garden is a mobile application built with React Native that allows users to upload and share pictures of their beloved plants. This app is designed to provide a seamless and user-friendly experience for plant enthusiasts. The main goal of this app is to bring together plant enthusiasts.
- Features
- Installation
- Usage
- Related
- Video links
- App UI Screenshots
- Contributors
- Changes based on feedback
- Create a user account to check all uploaded plant pictures and videos.
- Upload plant pictures and videos and share them with other users.
- View other users' plant pictures and videos, add it in your favourites and comment on pictures and videos.
- Modify user account details and user avatars.
- Modify uploaded plant pictures and videos' details.
- Search for users to browse their uploaded plants pictures and videos.
- Clone the git repository.
- Navigate to the project directory in the terminal.
- Run
npm installto install all the necessary dependencies. - Run
npm startto start the development server. - Open the app on simulator or device.
Note: This app requires access to the phone camera and photo library to upload pictures.
The app's landing page displays a grid of all uploaded plant pictures and videos. Users can click on heart icon to like the post. If it's already liked the heart icon will be red. Users can check the list of users who have liked the plant picture or video by clicking on text "liked By..". Users can click on the picture or the comment icon to go to single page. Single page displays the details about the pictures and videos. Users are also able to comment on the pictures and videos in the single page.
To search for specific users, users can click on the search icon on the bottom navigator. Type in desired search and the app will display the matching user lists. Users can click on user in the displayed list and it will navigate to the clicked user profile, where user can check all clicked user's detail and uploaded plant pictures and videos.
To upload a plant picture or video, users can click on the upload icon on bottom navigator. This will take user to upload page where user can open the camera or photo library on their device. Users also need to add title but the description is not mandatory. Users can reset all the input by the reset button but if everything is okay user can click upload button for the upload.
To check the user profile, users can click on profile icon on bottom navigator. User profile page displays all the details about the user. It also displays all the plant pictures and videos uploaded by the user. The total number of likes that user have received through their posts are also displayed in the page. Users can also change their avatar by clicking on the camera icon on the left side of the avatar.
- Bigger Hamburger Menu
- Fixed the positioning of media in home page so it does not go behind the bottom navigator.
- Better error handlers are implemented using alert, if some tasks(for example: upload image, register user) failed.
- No error prompt to user if user wants to change other info but keeps the same username while editing user profile.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent