Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/solarluiso/solarluiso-portfolio

Welcome! πŸ™ This is Luiso's personal portfolio website made with Next.js. You can use it as a template for motivation.
https://github.com/solarluiso/solarluiso-portfolio

best-portfolio-website developer-portfolio nextjs nextjs-portfolio personal-portfolio personal-website portfolio portfolio-site portfolio-website reactjs-portfolio

Last synced: 29 days ago
JSON representation

Welcome! πŸ™ This is Luiso's personal portfolio website made with Next.js. You can use it as a template for motivation.

Awesome Lists containing this project

README

        

# Luis Solar - Developer Portfolio

This repository contains the code of my personal portfolio website showcasing projects, skills, and expertise as a web developer.
The README.md file provides an overview of the project and instructions on how to set it up and customize it for your own use.

![Demo](https://github.com/solarluiso/solarluiso-portfolio/blob/master/public/assets/demo.png)

## Table of Contents

1. [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
2. [Usage](#usage)
3. [Features](#features)
4. [Metadata](#metadata)
5. [Deployment](#deployment)
6. [Contributing](#contributing)
7. [License](#license)
8. [Acknowledgements](#acknowledgements)

## Getting Started

Follow these instructions to get the project up and running on your local machine.

### Prerequisites

You need to have the following software installed on your computer:

- [Node.js](https://nodejs.org/) (LTS version recommended)
- [npm](https://www.npmjs.com/), [pnpm](https://pnpm.io/) or [Yarn](https://yarnpkg.com/) package manager

### Installation

To get a local copy up and running, follow these simple steps:

1. Clone this repository to your local machine using the following command:
```bash
git clone https://github.com/solarluiso/solarluiso-portfolio.git
```
2. Navigate to the project directory:
```bash
cd solarluiso-portfolio
```
3. Install dependencies:

If you're using npm:

```bash
npm install
```

If you're using pnpm:

```bash
pnpm install
```

If you're using Yarn:

```bash
yarn install
```

## Usage

To view the portfolio website locally:

1. Start the development server by running:

```bash
npm run dev
```

2. Open [http://localhost:3000](http://localhost:3000) in your web browser to see the website in action.

Now, you're all set to customize and populate this portfolio website with your own professional and personal content. Enjoy showcasing your work!

## Features

- Responsive Design: The site adapts to various screen sizes and devices, providing a great user experience on both desktop and mobile.
- About Section: Displays areas of expertise, education and technical skills with relevant descriptions and icons.
- Project Showcase: Highlights selected projects with descriptions and links to their repositories.
- Contact Section: Allows visitors to send messages to collaborate.

## Metadata

The portfolio uses the following metadata to optimize its appearance and SEO:

- Title: Luis Solar - Developer Portfolio

- Description: Explore the portfolio of Luis Solar, a web developer showcasing his projects and expertise.

These meta tags are included to improve search engine visibility and provide a concise summary of the site’s content.

## Deployment

The portfolio is live and accessible at https://solarluiso-portfolio.vercel.app.

You can view and manage the deployment settings on Vercel Dashboard.

## Contributing

Contributions to the portfolio are welcome. To contribute:

1. Fork the repository.
2. Create your feature branch:

```bash
git checkout -b feature/YourFeature
```

3. Commit your changes:
```bash
git commit -m 'Add some feature'
```
4. Push to the branch:
```bash
git push origin feature/YourFeature
```
5. Open a Pull Request.

Please ensure that your contributions align with the project’s purpose and coding standards.

## License

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

## Acknowledgements

- Tailwind CSS: Utilized for responsive layout and styling, providing a robust design foundation.

- Framer Motion: Used for animations and transitions to enhance user experience.

- shadcn-ui: Provides UI components that enhance the design and functionality.

- React Icons: Used for incorporating icons throughout the site.

- Inspiration: Various online portfolios and modern web design trends served as design inspiration.