Work

Poke-Crafter

M.E.R.N stack
Social Network
Redux

Artwork sharing and competition platform.

Screenshot of Poke-Crafter

Project Overview

Poke-Crafter is a complete web application intended for pokemon artwork fans and artists.

The user can browse existing works, sorted by categories (‘IA’, ‘Digital Art’, ‘Handcraft’, ‘3D’ or ‘Other’) and interact with them: Like, share, comment, edit a comment , delete it, etc…
The user can also submit an artwork with a live preview of their post.

A ‘Contest’ system has been set up: a user can submit a ‘contest’ with an end date and a theme. At the end of this competition, trophies (gold, silver or bronze) are awarded to the three most liked works.
Official competitions are also available: they are created by admins and the winner is awarded a Black Trophy.

A user also has the ability to browse the profiles of other artists, add them to their contact list and chat with them through instant messaging powered by Socket.io.

Official WebSite of Poke-Crafter

Key Features

  • Secure authentication: Managed with JWT and bcrypt

  • Account Management: User can edit their profile picture and bio. He can also manage subscriptions and consult his followers. Trophies won are displayed, as well as all artwork posted, allowing editing or deletion.

  • Content Management: The user can submit an artwork, edit it, delete it, comment on it, like it, edit a comment, etc… This seamlessly thanks to React and Redux.

  • Contest Management: The user can submit a contest, participate in it, delete it or vote for an artwork.

  • Instant messaging: The user can add an artist to their contact list and chat with them. He can manage all his conversations from the same “Message Box” page.

  • Responsive Design: The interface is fully responsive, ensuring a seamless experience across desktops, tablets, and mobile devices.

Capture-d-cran-2024-10-23-101119.png


Capture-d-cran-2024-10-23-101144.png


Capture-d-cran-2024-10-23-101211.png


Capture-d-cran-2024-10-23-101240.png


Capture-d-cran-2024-10-23-101347.png


Capture-d-cran-2024-10-23-101416.png


Capture-d-cran-2024-10-23-101443.png


Capture-d-cran-2024-10-23-101522.png


Capture-d-cran-mobile.png


Technologies Used

  • Frontend: React, Redux, Sass, JS-Cookie
  • Backend: Node.js, Express.js, Bcrypt, JWT, Express-fileupload, Socket.io
  • Database: MongoDB
  • Hosting: DigitalOcean


This project was carried out with my friend Tanguy Moreau over a period of two months, a big thank you to him!