Dark Arts is a web application designed to showcase the amazing artworks of the client. It is a personally customized site, and the features are based on the client's needs. The application's purpose is to make potential customers have easy access over previous works of the artist, and provide a convenient medium of connecting with the artist.
Bookmate is live at: www.cocabo.co . Check it out, and don't forget to follow me for more projects like this.
Dark Arts is currently built with the following technologies:
- NodeJS
- ExpressJS
- ReactJS
- NextJS
- ReduxJS
- Firebase Cloud Firestore
- Firebase Cloud Storage
- Material-UI
You can clone the repository to your local machine. Be sure that you have NodeJS installed. You can then run npm install
, and after installing dependencies, run npm build
. Finally, you can run npm start
, and check your application running at http://localhost:3000
.
Dark Arts comes with a mini-gallery of the previous works of the artist. You can also easily navigate through the images.
Upon clicking an item from the image, a custom modal appears. You can view the images in a bigger and clearer resolution, additionally you will also be able to view important details about the work. The modal comes with navigation buttons, to easily scan through the different works.
Dark Arts is not your regular portfolio, it also comes with a blogs and tutorials posted by the artist. On the Blog's section, you would be able to view tutorials, and more.
You can also "like" or "favorite" blog posts. Furthermore, if you so do desire, you can also post comments on blog posts.
With a built in message form, potential customers can easily inquire or avail services from the artist, without having the hassle of opening another messaging/mailing application.
The application also comes with an admin panel, but accesss is only limited to the artist.
The artist can easily add works on the admin panel.
The artist can easily post blog posts on the admin panel.