Giter Club home page Giter Club logo

mypixx's Introduction

MYPixx MERN APP (React Js, Redux, Sass, MongoDB, ExpressJS, NodeJS, JWT, Google Auth)

MYPixx is a social media art gallery where users can register and share their artwork

Table of contents:

Overview

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.

Home Page UI

Tech Stack Used

  • JavaScript
  • Sass
  • React Js
  • Redux
  • Axios
  • Node Js
  • Express
  • Mongo DB
  • Mongoose
  • JSON Web Tokens
  • Google Auth

Sign Up

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.

Sign Up

Sign In

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.

Sign In

User Profile

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.

User Profile

Add, edit, delete pictures

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.

Add, edit, delete pictures

Community

The community page offers an overview of users, most commented and most likes pictures. It is also accessible to guest users.

Community

Likes and Comments

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.

Likes and Comments Likes and Comments Likes and Comments

Deployment

The app is deployed on Heroku and can be found at the following link: https://mypixx.herokuapp.com/

License

Copyright (c) Michele Zucca Web Dev

mypixx's People

Contributors

dependabot[bot] avatar micahsuomi avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

dal0110

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.