↓Skip to main content
Liris Art Collection

Liris Art Collection

Html/Css Node.js Myphpadmin MySQL
Dasw
Author
Dasw
Table of Contents

Liris-Art
#

This project is a portfolio for Liris, showcasing her drawings, videos, and covers all in one place. The website includes a homepage where highlights of the portfolio are presented such as pixel art drawings on a canvas and specific sections to view drawings and videos.

Technologies Used
#

  • Frontend:

    • Nginx was used to serve frontend static files configured on the host.
    • Canvas was employed to render pixel art drawings interactively.
    • Integration with Google Cloud to display videos hosted on YouTube.
    • JavaScript was used to create interactivity and dynamism on the pages.

  • Backend:

    • Node.js with Express was used to develop the backend server.
    • MySQL was the chosen database to store and manage website data.
    • API endpoints: /drawings to access drawings and /ping to test server connection.

  • phpMyAdmin:

    • phpMyAdmin interface to manage MySQL database.

Local Setup and Execution
#

  1. Clone the Repository:

    git clone https://github.com/xDaswx/liris-art.art.git
cd liris-art

  2. Check index.html in a web browser.

  3. Run the Backend: Note: Set necessary environment variables to connect to MySQL database and other specific configurations, some adjustments are required.

    git clone -b backend https://github.com/xDaswx/liris-art.art.git
cd api
npm i
npm run start

API Endpoints ( https://api.liris-art.art)
#

  • Drawings:

    • GET /drawings: Returns all client’s drawings.

  • Ping:

    • GET /ping: Returns a “pong” status to check server availability.

Access
#