Art competition

React application

Art competiton is applicaiton used in kindergardens and preschools for holding a drawing competitons. Users can easely register and login. Registered users can add drawings with author`s information. Also registered users can vote for drawings, except for those they created. Еach drawing falls into a different category depending on which kindergarden group the child is. There are comments to each drawing. Only registerd users can write comments and delete them.

:hammer: Used technologies

• HTML
• CSS
• JavaScript
• ReactJS
• SoftUni practice server as a backend solution
• Cloudinary - to upload image files.

Project overview

Home page

Home page contains gallery with all drawings.

Login page

Categories

The categories are divided by kindergarden`s age groups. Each category lead you to the specific group gallery.

Group gallery

In group gallery there are drawings with information about their artist and votes. User drawings are marked with yellow border.

Drawing details

Click on the drawing and you can see details and different options. Creators can edit and delete. Others can vote for the drawing. Registerd users can write comments and only crators can delete them.

Project structure

• Components

  In this folder are all of the function components used in the app.

• Common

• Contexts

• Hooks

  This folder contains the hook which is responsible for authentication data persistence.

• Services

  This folder contains the services responsible for the requests to server.

• Validators

This project was bootstrapped with Create React App.

In the project directory, you can run:

npm start

Runs the app in the development mode.\ Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.\ You may also see any lint errors in the console.

This app uses softuni prictice server : [ https://github.com/softuni-practice-server/softuni-practice-server ]

To start the server manually open a command prompt and run node server.js.