Json Portfolio
A sleek and professional portfolio template built with ReactJs and Bootstrap, showcasing my work experience, education, and projects with visually engaging images and reference links. All data is sourced from JSON files for easy updates and maintenance.
Overview
The JSON Portfolio Website is a ReactJS and Bootstrap 5 framework website that dynamically creates a multi-page portfolio site from several JSON files. It has a central customization functionality and deployment pipeline. The website is responsive and adapts to different screen sizes, from phones to desktops. It showcases projects defined in JSON files and allows for the definition of slide-shows, links, and videos for each project. The website includes sections for personal biography, social media links, education, work, projects, and contact information.
Features
- Responsive ReactJS website that reads information from multiple JSON files.
- Automatic deployment of the website on each commit to the project.
- Adapts to different screen sizes, from phones to desktops.
- Showcase projects defined in JSON files.
- Ability to define slide-shows, links, and videos for projects.
- All sections are defined through the use of JSON files.
- Supports personal biography, social media links, education, work, projects, and contact sections.
Summary
The JSON Portfolio Website is a ReactJS and Bootstrap 5 framework website that allows users to create a responsive and customizable portfolio site. It dynamically generates the site using JSON files, showcasing projects and providing sections for personal biography, education, work, and contact information. The website also includes a deployment pipeline to automatically deploy the site on each commit. Overall, it is a convenient and versatile tool for creating professional portfolio websites.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Personal
A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.
- Portfolio
A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading