MYPixx is a social media art gallery where users can register and share their artwork
- Overview
- Tech Stack Used
- Sign Up
- Sign In
- User Profile
- Add, edit, delete pictures
- Community
- Likes and Comments
- Database
- Models
- Deployment
MYPixx is a social media art sharing app for art fanatics. Users can register an account or sign in with Google, create their own gallery work, update their profile, edit, delete their pictures, comment or like other users' work.
- JavaScript
- Sass
- React Js
- Redux
- Axios
- Node Js
- Express
- Mongo DB
- Mongoose
- JSON Web Tokens
- Google Auth
Users can register on MYPixx creating a new account. The app uses React validators to check proper input filling and checks whether users are already registered.
Users can sign in either after creating a new account or directly sign in using Google authentication. In case a user signs in with Google, a new User model will be created the first time the user signs in. Both sign in use JSON Web Tokens for authentication.
Users can view and edit their profile, switch view and check their own photos. Users can edit details such as personal info or medium used in their artwork (i.e. painting, photography, digital art). The app checks whether a user is signed in as Google user, and doesn't allow Google users to update their profile.
Only signed in and authorized users can add, edit or delete their own artwork. A guest user with no registered account or Google authentication can still view users' profiles and artwork.
The community page offers an overview of users, most commented and most likes pictures. It is also accessible to guest users.
Register users can like and comment on each other's other artwork, reply to comments, like comments and comment replies. When adding comment users can use emojis thanks to the emoji-mart React library.
The app is deployed on Heroku and can be found at the following link: https://mypixx.herokuapp.com/
Copyright (c) Michele Zucca Web Dev