Project 2 - Piece of Art

Description:

Piece of Art App: App allows the user to upload their artwork and stored in the MySql database. User can also view, update, and delete their artwork.

User Story:

As an artist, I want to post my artwork so other artists and appreciators can see my work.

Table of Contents:

• Installation

• Usage

• License

• Contributing

• Test Instructions

• Images

• Demo

• Challenges

• Future Development

• Questions

Installation:

Must install npm packages: express, mysql2, sequelize, moment

npm installl express
npm install mysql2
npm install sequelize
npm install moment

Usage:

HTML, CSS, JS, Node, Bootstrap, Workbench, Postman, Express, MySql2, Sequelize, Moment

License

Contributing:

Team 07 - X-Men. Ask for a Pull Request from my Github profile if you would like to contribute to our Piece of Art App.

Test Instructions:

run npm install to install all the dependencies. Also in the config folder in config.js and enter your password in development. Also utilize workbench and add an sql file to create a database.

DROP DATABASE IF EXISTS database_development;

CREATE DATABASE database_development;

Then run the database. Afterwords go into your terminal run node server.js. Click on the server to populate the server. Open up another terminal and go into the seeders directory and run seeds.js to populate the data to insert into the artworks table. Go back to the app and enjoy. Click the "Add Artwork" button. User is able to create, view, update, delete artwork. Once all values are entered, click submit and populates that artwork back to the index page.

Images:

Main Page

Create Page

Back to Main Page: Item Created

Demo:

View the demo by clicking the link: https://drive.google.com/file/d/16ZNIVMRK9ax9d4AhduK7Bqp6jOIYIexm/view

Challenges:

As a group, we needed to figure out what to build. Once we came to an agreement, we had a bunch of ideas that were not fully completed. We wanted to create a user login and password so each user can enter their own artwork; a page that views all artwork; a page to view all artists; and a page that views each artwork blown up. If you check out my test branch you'll see what was created. When we tried to clean up the code and remove routes for the artist our code broke and couldn't figure out how to make it still work. Individually we all had our own challenges, but we all took part on what we needed to do to get this project functional, and complete. Also, adding another npm package that wasn't discussed or used in class was difficult because of time restraints trying to complete the project and reading those documents. Deploying from Heroku was another issue we came across. Kept getting errors trying to get it deployed. Once finally deployed we couldn't figure out how to get the seed.js to populate. However, the add is still functional. App is still able to do CRUD functionality.

Future Developments:

• A Navbar with the title of the app along with other tabs with all the info I mentioned in the challenges. Maybe also create a tab where the user can also sell or buy artwork as well, chat and messaging features, linking to other social media accounts, and a message board to encourage artists community.

---

Questions:

Link to my Github profile: https://github.com/vgines73

Link to my forked Project 2: https://github.com/vgines73/project_2

Link to deployed heroku: https://ancient-waters-03417.herokuapp.com/

You can reach me by email at: [email protected]

© 2021 Vincent Gines. All rights reserved.