This is a professional academic portfolio website built with React and Vite. The portfolio showcases academic accomplishments, research experience, publications, creative coding projects, and photography.
- Responsive Design: Ensures compatibility across various devices and screen sizes.
- Interactive UI: Smooth animations and transitions using Framer Motion.
- Modular Components: Reusable React components for easy maintenance and scalability.
- Data-Driven Content: Content like research experiences and activities are stored in separate data files.
- Search Functionality: Search and filter recent activities for improved user experience.
- TypeScript Support: Improved developer experience with type safety.
- Node.js (v14 or later): Download Node.js
- npm (v6 or later): Comes with Node.js installation
-
Clone the Repository
git clone https://github.com/jovenpaoloangeles/jovenpaoloangeles.github.io.git
-
Navigate to the Project Directory
cd jovenpaoloangeles.github.io
-
Install Dependencies
npm install
To run the application locally:
npm run dev
Open your browser and navigate to http://localhost:3000
(or the port specified in your terminal) to view the site.
-
Start Development Server
npm run dev
-
Build for Production
npm run build
-
Preview Production Build
npm run preview
The site is configured to deploy to GitHub Pages automatically when changes are pushed to the main
branch. This is handled by GitHub Actions configured in .github/workflows
.
If you prefer to deploy manually:
-
Build the Project
npm run build
-
Deploy to GitHub Pages
Install the
gh-pages
package globally if you haven't already:npm install -g gh-pages
Deploy the
dist
folder to thegh-pages
branch:gh-pages -d dist
-
Access the Deployed Site
Your site should now be live at
https://jovenpaoloangeles.github.io
.
Contributions are welcome! Please follow these steps:
-
Fork the Repository
-
Create a New Branch
git checkout -b feature/YourFeatureName
-
Make Your Changes
-
Commit Your Changes
git commit -m "Add your message here"
-
Push to Your Branch
git push origin feature/YourFeatureName
-
Open a Pull Request
This project is licensed under the MIT License.
For any questions or inquiries, please contact:
- Email: jovenpaoloangeles@gmail.com
- Portfolio Website: jovenpaoloangeles.github.io