Giter Club home page Giter Club logo

portfolyo's Introduction

Portfolyo

Portfolyo is a dynamic portfolio site builder where users can fill their data in JSON format and Portfolyo will render their data into a beautiful portfolio website. It's built using Next.js, Tailwind CSS, and CSS for styling. The project also implements Server-Side Rendering (SSR) and Search Engine Optimization (SEO) to ensure optimal performance and visibility.

Portfolyo Screenshot

Guidelines

If you want to use this template you need two ENV variables.

JSON_URL= URL
FORMSPREE_URL = URL

JSON_URL

1. Copy and Edit https://github.com/Thagoo/portfolyo/blob/master/.template/template.json sample JSON file.
2. Go to https://www.npoint.io/docs and Create JSON Bin then paste the edited content
3. Save and copy the URL generated in bottom

Note: You can directly edit on npoint, also whenever you want to update your data you can update there

FORMSPREE_URL

1. Create form in https://formspree.io

Click on deploy button then paste the URLs in respective ENV vars then deploy the project.

Deploy with Vercel

Features

  • Dynamic portfolio site generation based on user-provided JSON data.
  • Next.js for server-side rendering and optimized performance.
  • Tailwind CSS for fast and responsive styling.
  • Custom CSS for additional styling and design enhancements.
  • SEO implementation for improved search engine visibility.
  • Beautifully designed templates for showcasing user portfolios.

Installation

  1. Clone the repository:

    git clone https://github.com/thagoo/portfolyo.git
    
    
  2. Navigate into the project directory:

    cd portfolyo
    
  3. Install dependencies:

    npm install
    npm run dev
    

Contributing

Contributions are welcome! Feel free to open issues or pull requests for bug fixes, improvements, or new features.

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature.
3. Make your changes and commit them: git commit -m 'Add some feature'.
4. Push to the branch: git push origin feature/your-feature.
5. Submit a pull request.

License

This project is licensed under the MIT License.

portfolyo's People

Contributors

thagoo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.