This documentation provides an overview of Shareme, a social media app developed using React, Tailwind CSS, Material UI, Sanity, and Google Authenticator. The app allows users to upload, download, delete, save, and comment on images. It also features dark mode, smart filtering, and smart search functionality.
Live Demo: Shareme Live Demo
The following technologies and libraries were used in the development of this app:
- JavaScript
- React.js
- Tailwind CSS
- React Icons
- Material UI
- React Toastify
- Google Authenticator
- Sanity
The Shareme app includes the following features:
-
Upload Image: Users can upload images to share with others.
-
Download Image: Users can download images uploaded by other users.
-
Delete Image: Users can delete images they have uploaded.
-
Save Image: Users can save images to their profile for future reference.
-
Add Comment: Users can comment on images.
-
Image Details: Users can view detailed information about an image, including comments and options to download, delete, save, and go to the pin destination.
-
Smart Filtering: Users can filter images based on specific criteria, such as date, popularity, and category.
-
Smart Search Functionality: Users can search for images based on specific keywords.
-
Dark Mode: The app supports a dark mode option for a different visual experience.
-
User Authentication with Google Authenticator: Users can sign in to the app using their Google account.
-
Profile Page with Logout: Users have a profile page where they can view their saved images and log out of the app.
The code is structured following clean code practices. The project follows a specific architecture pattern, ensuring organized and maintainable code.
The following resources were used in the development of this app:
- Create-react-app Documentation
- React Router Documentation
- Material UI Documentation
- React Icons
- Sanity Documentation
- Google Cloud Platform
