Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/guerrerogenesis/template-portfolio

This is a template for a portfolio, you can add your skills and qualifications.
https://github.com/guerrerogenesis/template-portfolio

apollo-client github-api graphql next-i18next nextjs reactjs tailwindcss

Last synced: about 5 hours ago
JSON representation

This is a template for a portfolio, you can add your skills and qualifications.

Awesome Lists containing this project

README

        

# Template Portfolio 🌟

Welcome to this template portfolio!

---

## 🌐 Live Demo
Check out my portfolio example here: [genesisguerrero-dev.vercel.app](https://genesisguerrero-dev.vercel.app/)

---

## 🚀 Features
- **About Me**: Show more about your professional journey and skills.
- **Projects**: Show the projects you've worked on.
- **Contact Section**: to collaborate or look for job opportunities.
- **Responsive Design**: Optimized for desktop, tablet, and mobile devices.

---

## 🛠️ Technologies
This portfolio was built with the following technologies:
- **Frontend**: React.js, Next.js, Tailwind CSS
- **Hosting**: Vercel
- **Tools**: Git, GitHub GraphQL API, Heroicons, next-i18next

---

### Homepage
![Homepage Screenshot](https://genesisguerrero-dev.vercel.app/images/mockup.png)

---

## 📂 Getting Started
If you want to explore or run the project locally, follow these steps:

### Prerequisites
- Node.js v16+
- npm or yarn

### Installation
1. Clone the repository:
```bash
git clone https://github.com/guerrerogenesis/template-portfolio.git

2. Navigate to the project directory:
```bash
cd portfolio

3. Install dependencies:
```bash
npm install

4. Create a personal access token with public_repo permission and add to your variables enviroment.[https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens#personal-access-tokens-classic]

5. Start the development server:
```bash
npm run dev

6. Open your browser at http://localhost:3000.

## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page or submit a pull request.

## 📜 License
This project is licensed under the MIT License. See the LICENSE file for details.

## 🙌 Acknowledgments and Credits
Special thanks to all the open-source libraries, templates and tools that made this project possible
- Karl Grossmann [https://github.com/karlgrossmann] has the original template. I used the design of his template.
- Next.js [https://nextjs.org/]
- Tailwind CSS [https://tailwindcss.com/]
- Heroicons [https://heroicons.com/]
- next-i18next [https://github.com/i18next/next-i18next]
- GraphQL API [https://docs.github.com/en/graphql]
- Vercel [https://vercel.com/]

### **Next steps**
1. **Customize the sections** based on the exact content of your portfolio.
2. **Add real screenshots**. using tools like LTBrowser, Lightshot or your operating system's screenshot commands.
3. **Create a repository on GitHub** and upload this README along with your code.

Would you like help adjusting anything else or uploading it to GitHub? 😊