https://github.com/tomin-joy/portfoliofastn
https://github.com/tomin-joy/portfoliofastn
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tomin-joy/portfoliofastn
- Owner: Tomin-Joy
- Created: 2023-09-15T17:04:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-15T17:57:13.000Z (over 1 year ago)
- Last Synced: 2025-01-14T14:48:17.138Z (5 months ago)
- Size: 11.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Fastnfolio]()
Welcome to the Fastn Portfolio Template repository! 🚀
## Introduction
This repository is part of the Fastnfolio campaign, aiming to showcase the power and flexibility of Fastn by providing you with a template to create your own interactive and engaging portfolio website. Whether you're a seasoned developer or just starting out, this template offers a hands-on opportunity to explore Fastn's features and create your unique online presence.
## Getting Started
Follow these steps to get started with your own Fastn-powered portfolio:
### 1. Fork this Repository
Click the `Use This Template` button at the right corner of this repository to create your own copy. This will allow you to make changes without affecting the original template.
### 2. Clone Your Fork
Clone your forked repository to your local machine using Git:
```bash
git clone https://github.com/your-username/repo-name.git
```
Replace `your-username` with your GitHub username.
Replace `repo-name` with your GitHub Repo name.
### 3. Customize Your Portfolio
1. Open `index.ftd`.
2. Replace variables in the `lib.page` and `lib.header` sections:
- Update `logo`, `logo-text`, `cta-text-*`, and `cta-text-*_url` as needed.
3. Customize the `hero.hero-1` section:
- Modify `hero-1`, `cta-button-*`, `link-*`, and `cover` based on your details.
4. Edit the paragraph below `hero.hero-1` to describe yourself.
**You can also customize your individual portfolio in two ways:**
- **Using Pre-Built Components:** Explore the FastnUI library and call pre-built existing components. Edit and style them to match your preferences. [FastnUI](https://fastnui.trizwit.com/)
- **Creating Custom Components:** If you're feeling creative, design your own custom components using the Fastn language. [Fastn Language Guide](https://fastn.com/components/), [Video Guide](https://youtu.be/DkZEuC0a-Pk)
### 4. Preview Your Changes
- **Local Preview:** Run the `fastn serve` command in your terminal to start a local host.
- **GitHub Pages:** Host your web page via GitHub Pages. [GitHub Pages Guide](https://guides.github.com/features/pages/)
### 5. Commit and Push
Once you're satisfied with your changes, commit them to your local repository and push to your fork on GitHub:
### 6. Submit Your Portfolio
- Post your portfolio site on LinkedIn and other social media handles, tagging [@Fastn](https://www.linkedin.com/company/fastn-stack) and [@Trizwit](https://www.linkedin.com/company/trizwit/).
- Share a link to your post in [this Google Form](https://forms.gle/R9Kq43q8eB3n6p7JA) to provide us with your portfolio details.
## Resources
- [Fastn Documentation:](https://fastn.com/frontend/)
- [Fastn GitHub Repository:](https://github.com/fastn-stack)
## Contact
Connect with us on social media for updates and to share your portfolio creations!
- Twitter: [Trizwit](https://twitter.com/trizwit)
- LinkedIn: [Trizwit](https://www.linkedin.com/company/trizwit/)
- LinkedIn: [Fastn](https://www.linkedin.com/company/fastn-stack)
- Discord: [Fastn](https://discord.com/invite/a7eBUeutWD)
Happy coding and have fun creating your Fastn-powered portfolio!
---