REPOSITORY OVERVIEWLive repository statistics
★ 10Stars
⑂ 3Forks
◯ 0Open issues
◉ 10Watchers
48/100
OPENREPOHUB HEALTH SIGNALMixed signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
10 Community adoption25% weight
18 Maintenance state20% weight
100 License clarity10% weight
100 Project information10% weight
100 This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
JSON Portfolio Website
A ReactJs and Bootstrap 5 framework website that dynamically creates a multi-page portfolio site from several JSON files with a central customisation functionality and deployment pipeline.
DEMO
Features
- Responsive ReactJS website by reading information from multiple JSON files
- Automatically deploy website on each commit that has occurred to the project
- Adapts to different screen sizes, from phones to desktops
- Ability to showcase projects that were defined in JSON files
- Ability to define slide-shows, links and videos for projects
- All sections are defined through the use of a JSON file
- Support personal biography, social media links, education, work, projects and contact sections
Instructions
Preview Website:
- In terminal input
npm install to install the website packages
- In terminal input
npm start to launch the website in a local environment
- In terminal press
CTRL + C to terminate the website process
Deploy Website:
- Fork Repository with
github-username.github.io as your repository name
- In
package.json change "name": "json-portfolio" to "name": "github-username"
- In
package-lock.json change "name": "json-portfolio" to "name": "github-username" for both the root and packages
- In
package-lock.json change "homepage": "." to "homepage": "https://github-username.github.io/"
- In
public/index.html change <title> JSON Portfolio </title> to <title> Your Name | Portfolio </title>
- In
public/index.html change <meta name="description" content="..." /> to <meta name="description" content="Website Description" />
- Modify the JSON files to reflect your details and upload any necessary images
- Commit the files on the forked repository
- In Github access the
repository settings > pages > sources and select gh-pages with / (root) folder and then click save
Template Instructions
This section covers every JSON file that is used by the website to generate the portfolio website. The number of entries in , , and can be adjusted as long as the same structure is kept.
ALGORITHMICALLY RELATEDSimilar Open-Source Projects
Selected from shared topics, language and repository description—not editorial ratings.
This project built with Vue.js, Django & REST-API-FRAMEWORK, PostgreSQL, and managed using Poetry, this Employee CRUD Application streamlines employee management. The frontend leverages Vue.js for a sleek, responsive user interface, while Django ensures a robust backend. PostgreSQL serves as the secure database, and Poetry simplifies package manage
35/100 healthActive repository
VueNo license#bootstrap4#django#djangorestframework#javascript
⑂ 3 forks◯ 1 issuesUpdated Sep 8, 2025
This project built with Vue.js, Django & REST-API-FRAMEWORK, PostgreSQL, and managed using Poetry, this Employee CRUD Application streamlines employee management. The frontend leverages Vue.js for a sleek, responsive user interface, while Django ensures a robust backend. PostgreSQL serves as the secure database, and Poetry simplifies package manage
39/100 healthActive repository
VueNo license#bootstrap#django#django-rest-framework#javascript
⑂ 0 forks◯ 0 issuesUpdated Jul 27, 2025