The website I made is an online gallery walk-through of the Art Institute of Chicago. I was inspired by the artwork that is always showcased throughout the museum itself when I use to visit as a child. You are able to view certain artwork throughout the website that will give you details of the artist and the history of the art piece.
- HTML
- CSS
- JavaScript
- React Library
- Netlify to deploy website
1. Fork the repository
2. Copy SSH link from the green button "Code"
3. Clone down in the terminal within decided folder "git clone ...(ssh link)"
4. CD into 'chicago-art-gallery'
5. Type 'code .' (note the period is important)
6. run "npm start" into terminal to bring up react web-browser to update what you are editing.
7. Have Fun!
https://api.artic.edu/api/v1/artworks
You can submit an issue on the git-hub to address the issues and concerns you have with the file.
I also made a contribution.md so if you don't feel comfortable displaying yourself publicly you can do it anonymously!
- Create Navigation with a logo that returns you to the home. Navigation includes, ‘Home,’ ‘Artwork,’ ‘About,’ and ‘Gift-Shop.’
- Click-able images that transfer you to a details page that shows you when the art-works description and history.
- A favorite 'heart' icon that allows users to favorite certain pieces of artwork anonymously.
- Search bar that allows users to search through the API if a certain artwork isn’t listed.
- Add Modal to the home page with an interval timer of 5 seconds to ask if the user would like to join the newsletter program with an email. Within the About page, have a submission form for questions/concerns about certain pieces of artwork.
- Include a create-account function that allows users to create an account and favorite the artwork they like.
- Soft-piano music playing throughout the website visit to bring an art-museum feel. (Have options to pause music and play)
- Create slide-show images of artwork for homepage.
- Create a gift shop for people to buy and add items to a cart.