Computer Visualization Center Website

This project is a GitHub Pages website built with Gatsby to showcase the research and other activities from the Computer Visualization Center.

Table of Contents

• Computer Visualization Center Website
  • Table of Contents
  • Installation
  • Development
  • Build and Deployment
  • Folder Structure

Installation

1. Ensure you have Node.js and NPM installed. You can check by running:

node --version
npm --version

2. Clone this repository to your local machine:

git clone https://github.com/yourusername/cvc-website.git

3. Navigate to the project directory and install the required dependencies:

cd cvc-website
npm install

4. .env file is located in Google Drive, add it to cvc-website directory before running

Development

To start the development server, run the following command in the project directory:

npm run develop

This will start a local development server at http://localhost:8000/.

Build and Deployment

To build the project for production, run:

npm run build

This command generates a public folder with the optimized website.

To deploy the website to GitHub Pages, run:

npm run deploy

Folder Structure

.
├── LICENSE
├── README.md
├── docs
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── package-lock.json
├── package.json
└── src
├── components
├── data
├── favicons
├── gifs
├── images
├── markdown
└── pages

For more details about each folder and file, please refer to the provided folder structure in the question.