https://github.com/jrh89/portfolio
An ever changing collection of projects that showcases my abilities. Https://jrh89.github.io/Portfolio
https://github.com/jrh89/portfolio
html-css-javascript portfolio projects python website
Last synced: 17 days ago
JSON representation
An ever changing collection of projects that showcases my abilities. Https://jrh89.github.io/Portfolio
- Host: GitHub
- URL: https://github.com/jrh89/portfolio
- Owner: JRH89
- Created: 2022-12-31T10:53:17.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-24T22:34:43.000Z (over 3 years ago)
- Last Synced: 2023-02-26T22:21:46.926Z (over 3 years ago)
- Topics: html-css-javascript, portfolio, projects, python, website
- Language: HTML
- Homepage: https://JRH89.github.io/Portfolio
- Size: 140 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Magic Portfolio
Magic Portfolio is a simple, clean, beginner-friendly portfolio template. It supports an MDX-based content system for projects and blog posts, an about / CV page and a gallery.
View the demo [here](https://demo.magic-portfolio.com).
## Getting started
**1. Clone the repository**
```
git clone https://github.com/once-ui-system/magic-portfolio.git
```
**2. Install dependencies**
```
npm install
```
**3. Run dev server**
```
npm run dev
```
**4. Edit config**
```
src/resources/once-ui.config.js
```
**5. Edit content**
```
src/resources/content.js
```
**6. Create blog posts / projects**
```
Add a new .mdx file to src/app/blog/posts or src/app/work/projects
```
Magic Portfolio was built with [Once UI](https://once-ui.com) for [Next.js](https://nextjs.org). It requires Node.js v18.17+.
## Documentation
Docs available at: [docs.once-ui.com](https://docs.once-ui.com/docs/magic-portfolio/quick-start)
## Features
### Once UI
- All tokens, components & features of [Once UI](https://once-ui.com)
### SEO
- Automatic open-graph and X image generation with next/og
- Automatic schema and metadata generation based on the content file
### Design
- Responsive layout optimized for all screen sizes
- Timeless design without heavy animations and motion
- Endless customization options through [data attributes](https://once-ui.com/docs/theming)
### Content
- Render sections conditionally based on the content file
- Enable or disable pages for blog, work, gallery and about / CV
- Generate and display social links automatically
- Set up password protection for URLs
### Localization
- A localized, earlier version of Magic Portfolio is available with the next-intl library
- To use localization, switch to the 'i18n' branch
## Creators
Lorant One: [Threads](https://www.threads.net/@lorant.one) / [LinkedIn](https://www.linkedin.com/in/lorant-one/)
## Get involved
- Join the Design Engineers Club on [Discord](https://discord.com/invite/5EyAQ4eNdS) and share your project with us!
- Deployed your docs? Share it on the [Once UI Hub](https://once-ui.com/hub) too! We feature our favorite apps on our landing page.
## License
Distributed under the CC BY-NC 4.0 License.
- Attribution is required.
- Commercial usage is not allowed.
- You can extend the license to [Dopler CC](https://dopler.app/license) by purchasing a [Once UI Pro](https://once-ui.com/pricing) license.
See `LICENSE.txt` for more information.
## Deploy with Vercel
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fonce-ui-system%2Fmagic-portfolio&project-name=portfolio&repository-name=portfolio&redirect-url=https%3A%2F%2Fgithub.com%2Fonce-ui-system%2Fmagic-portfolio&demo-title=Magic%20Portfolio&demo-description=Showcase%20your%20designers%20or%20developer%20portfolio&demo-url=https%3A%2F%2Fdemo.magic-portfolio.com&demo-image=%2F%2Fraw.githubusercontent.com%2Fonce-ui-system%2Fmagic-portfolio%2Fmain%2Fpublic%2Fimages%2Fog%2Fhome.jpg)