Portfolio Template For Artists

Welcome to the Artist Portfolio Template! This React-based web app offers a modern, responsive template for artists to beautifully display their work ✨

Table of Contents

• Portfolio Template For Artists
  • Table of Contents
  • Preview Portfolio
  • Features
  • Portfolio Website
  • Usage & Installation
    • For Non-Developers
    • For Developers
  • Update Favicon
  • Credits
  • License

Preview Portfolio

You can view a live preview of the portfolio here https://portfolio-template-for-artists.vercel.app/.

Features

• Responsive Design: This website is fully responsive across all devices.
• Dynamic Content: Artists can enter their data and upload portfolio items to receive a ZIP file of the source code with their content.

Portfolio Website

Note

The Source Code for this portfolio can be found in the Portfolio folder in the repository.

Important

Frontend is deployed in Vercel where as Backend is deployed in Render, since both are of free tier sometimes there will be an error or delay of 50 seconds for response from the backend. It is recommended to retry in case of an error!

Usage & Installation

For Non-Developers

1. If you're an artist, photographer, or anyone wanting a portfolio to showcase your work, visit this website https://portfolio-template-for-artists.vercel.app/upload
2. Here enter your all data that you need in portfolio and upload all the portfolio items (jpeg/jpg/png/gif) that you want to display in portfolio to get the zip file of the source code with your data & portfolio items.
3. Extract the downloaded zip file.
4. Go to GitHub and create your account.
5. Follow the steps given in this YouTube Video to upload the folder of the source code you previously downloaded.
6. Now go to Vercel and create your account using GitHub.
7. Follow the steps given in this YouTube Video to host the portfolio for free using vercel.
8. Note: In vercel under Configure Project section for Root Directory, click on Edit button and type the name of the portfolio folder and click on Deploy button.

For Developers

1. Clone the repository

   git clone https://github.com/rakshixh/Portfolio-Template-For-Artists.git

   • Open this folder in any code editor & open the terminal.

2. Entire Frontend (with upload page)

   // To start the development server
   npm start
   
   // To build the entire frontend
   npm run build

   • Open your browser and navigate to http://localhost:3000

3. To start the Backend server (upload and download zip api)

   // Make sure to run the backend in new terminal
   npm run server

   • Open your browser and navigate to http://localhost:3001

4. Only Portfolio (Frontend)

   // To start the development server
   npm run portfolio
   
   //To build the portfolio
   npm run build-portfolio

Update Favicon

1. Find the folder named Public.
2. Delete the favicon.ico, logo192.png & logo512.png
3. If you have an image in PNG, JPG, or JPEG format that you want to use as a favicon, simply rename it to favicon.ico.
   
   For example, if your image is named mylogo.jpg, change its name and extension to favicon.ico.
   
4. Now, place this image inside the public folder. Additionally, make two more copies of the same image, rename them to logo192.png and logo512.png, and place these copies in the public folder as well.

Credits

• Images used in this project are from Unsplash
• The YouTube links above aren't collaborations or ads; I found them useful for hosting your portfolio.

License

This project is licensed under the MIT License - see the LICENSE file for details.