https://github.com/codelikeagirl29/react-portfolio

🎉 My personal portfolio. Built with 💙 and React, MUI, SCSS, and Bootstrap.
https://github.com/codelikeagirl29/react-portfolio

javascript material-ui mui personal-site portfolio react sass scss styling template vercel

Last synced: about 2 months ago
JSON representation

🎉 My personal portfolio. Built with 💙 and React, MUI, SCSS, and Bootstrap.

• Host: GitHub
• URL: https://github.com/codelikeagirl29/react-portfolio
• Owner: CodeLikeAGirl29
• Created: 2022-08-31T22:41:05.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-16T07:02:26.000Z (about 1 year ago)
• Last Synced: 2024-01-16T12:55:35.891Z (about 1 year ago)
• Topics: javascript, material-ui, mui, personal-site, portfolio, react, sass, scss, styling, template, vercel
• Language: JavaScript
• Homepage: https://lhreactportfolio.vercel.app/
• Size: 1.07 MB
• Stars: 7
• Watchers: 0
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Personal Portfolio

A clean and simple portfolio template built with HTML, CSS and React.js.

> Link can be found [here](https://lhreactportfolio.vercel.app/).

> Contact email is [[email protected]](mailto:[email protected])

[![CodeFactor](https://www.codefactor.io/repository/github/codelikeagirl29/react-portfolio/badge)](https://www.codefactor.io/repository/github/codelikeagirl29/react-portfolio)

![react-portfolio](https://socialify.git.ci/CodeLikeAGirl29/react-portfolio/image?description=1&font=Bitter&forks=1&language=1&name=1&owner=1&pattern=Plus&stargazers=1&theme=Auto)

> Deploy to ***Vercel***

>

> [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FCodeLikeAGirl29%2Freact-portfolio)

---

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Material](https://img.shields.io/badge/Material--UI-0081CB?style=for-the-badge&logo=material-ui&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![SCSS](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)

![my-portfolio](https://res.cloudinary.com/codelikeagirl29/image/upload/v1663322475/projects/lindseyk-dev_bh5dqg.png)

---

## Instructions

### Setup

```shell

git clone https://github.com/codelikeagirl29/react-portfolio.git

cd react-portfolio

```

and then to install and view in browser.

```shell

npm install

npm run start

```

Install and run -

```shell

yarn

yarn start

```

### How to use

- Open `src/info/` and make changes.

- Build and deploy -

```shell

yarn build

yarn deploy

```

---

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh