Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pfrommer1982/complete_portfolio

A complete react portfolio website where you can fill in your info and you're done!
https://github.com/pfrommer1982/complete_portfolio

complete-source-code emailjs emailjs-react free html-css-javascript portfolio portfolio-template portfolio-template-free portfolio-template-website project project-display react react-portfolio-template reactjs resume-creator resume-template resume-website vite vitejs vitejs-template

Last synced: 2 days ago
JSON representation

A complete react portfolio website where you can fill in your info and you're done!

Awesome Lists containing this project

README

        

*** Complete React Vite Portfolio Template ***

Welcome to Complete Portfolio! This project provides a customizable template for creating amazing web applications.

## Features

- Personalize your web application by providing your information from just one file: 'your_info.jsx' .
- Color customization: Modify the :root colors in 'src/assets/css/main.css' to easily change the color scheme.
- Integration with emailjs: The project utilizes emailjs for seamless email functionality. (contact form)
- Open-source and free to use: Feel free to use this template for your personal or commercial projects.
- If you use this template and created something awesome, let me know! *I love to see your creativity!*

## Installation

1. Clone the repository:

```shell
git clone https://github.com/Pfrommer1982/Complete_Portfolio

2. Navigate to the project directory:

```shell
cd Complete_Portfolio

3. Install dependencies:

```shell
npm install

## Usage

1. Update your information:

- Open 'src/your_info.jsx'.
- Customize the variables and content to reflect your own information. (there are extra instructions in the file)
- Save the file.

2. Customize colors:

- Open 'src/assets/css/main.css'.
- Modify the root colors according to your preference.
- Save the file.

3. Start the development server:
```shell
npm run dev

4. Access the application at http://localhost:3000.

## Contributing
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.

## License
This project is licensed under the MIT License.

## Examples:
### Photographer Portfolio Example
![Photographer Example](https://github.com/Pfrommer1982/Complete_Portfolio/assets/90003610/3d21a27c-472d-4b3a-9a48-1a748b209c26)

### Food / Health Blogger Example
![Food Blogger Example](https://github.com/Pfrommer1982/Complete_Portfolio/assets/90003610/c732e0a2-19f9-4400-adf9-bfe588d6a2fe)