Jake Waclawski (jmw3638), Shane Burke (sdb5978), Miguel Rosario (mr2527), Jianyu Wang (jw3513), Saadman Tareq (st7941)
This project was bootstrapped with Create React App.
Clone project via Git to locally directory.
For first time setup, run in the project directory:
Then to start, run:
Open http://localhost:3000 to view it in the browser.
The user will be presented with the main page - the gallery. From here the user will see the Artistree logo (leaf) which is clickable and will bring the user back to the main page. There are options that the user will have to choose from on this main page. Other options include the Canvas, My Submissions, A modal menu, and Filtering / Sorting options for the gallery. The Modal menu includes links to log-in, Account and EULA/Documentation. Upon clicking the Canvas tab or the “+ New Submission” button the user will be redirected to the canvas where they may create their art.
The canvas is a feature that will allow users to create unique and original artworks with a selection of tools. Some of these tools include the Brush, Pencil, Fill bucket, Line, Ellipse, Rectangle, Layers, Eraser, Text, Eyedropper and color picker. Along with this the ability to zoom in and out. When a user has concluded their work they may either post to the gallery or discard their work.
The “My Submissions” is a section where a registered user may enter and view their past submissions. Once here the user is presented with the feedback for their post. It will have comments from other critics and users.
The feedback can be found upon clicking on any post within the gallery as a user has a right to report content that they feel violated the EULA or rules of Artistree. Upon clicking the report button a new window will appear that gives the users multiple options for reporting and an opportunity to discuss their reasoning as to why they wanted to report the post with a submissions button for once they want to send in their report. In the situation that a user clicks the report button on accident, they can cancel out of the menu simply by pressing cancel.
Reporting a post is one of the features that users can select an inappropriate post from the gallery to report. There will be a selection of categories and a textbox of explanation for the user to report.
As of right now, there is only one submission viewable from the “My Submissions” link. A future release will show a list of the user’s submissions when the link is clicked. The “filter” and “sort” functions of the gallery page have not been implemented. In the canvas, the only supported tools are Brush, Eraser, and Choose Color.
We have access to an account page there is no link to an account page. We have a very primitive login feature that does not actually “log” us into anything.
- Fixed a problem that occured on refreshing a page that would cause the website to 404.
- Fixed the linking problem so the EULA is now accessible through the proper means.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.