Skip to content

clrko/pixbattle-front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pixbattle

Pixbattle

👉The app is live here 👈

Pixbattle is a responsive web application which allows any user to set up a photo contest with a group of his choice (family, friends, colleagues etc.).

The idea was found during the coronavirus crisis by Maxime Parola, our client, who wanted to find a way to maintain social ties despite the lockdown.

The principle of the game is for a user to create a group by inviting some friends or family members and organise a photo contest on a particular topic.

Each member has to upload a picture and in the end, after discovering all the pictures, will have to vote for his favorite ones. The winner will choose the theme of the next contest.

The team

The team

The project

The projet has been developed for 2 months as part of the web developement training program at Wild Code School.

The aim was to create and deploy a full stack web application (React.js, Node.js and MySQL) for an entrepreneur and apply the knowledge acquired during the training (agile methodolody, customer management, coding, deployment etc.).

This 2-month real-life project has been an even bigger challenge for our team as we were working remotly.

Features

  • Ability to sign up, invite people, create a group and/or join an existing one
  • Ability to upload a picture and vote for the favorite ones
  • Display of the battle rankings and pictures
  • Creation and management of user accounts with a record of the battles, victories, pictures and groups
  • Mailing notification system

Technologies

Frontend

  • React.js
  • JavaScript
  • HTML5
  • CSS3

Backend

  • Node.js
  • Express.js
  • MySQL

You can find the backend source code here

Hosting

  • PlanetHoster

Potential improvements

  • Develop a system to moderate and report inappropriate pictures
  • Develop a group communication system (chat or forum)
  • Link the application to social networks
  • Develop a Progressive Web App

Screenshots

Authentication page User profile page Settings of the userprofile Rankiing of the user List of the user's groups Choice of the theme of the battle Choice of the options of the battle Upload of a picture

In the project directory, you can run:

  • npm install
  • npm start

These commands install the dependencies and start the app in the developement mode.

About

Repository of Pixbattle, a responsive photo contest web application

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published