Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/victoriamcn/react-portfolio
My portfolio for https://www.victoriamcodes.com/ is now under the `Portfolio` Repository. This repo used `create-react-app`, but I decided to redo my website with `Vite`.
https://github.com/victoriamcn/react-portfolio
create-react-app javascript
Last synced: about 11 hours ago
JSON representation
My portfolio for https://www.victoriamcodes.com/ is now under the `Portfolio` Repository. This repo used `create-react-app`, but I decided to redo my website with `Vite`.
- Host: GitHub
- URL: https://github.com/victoriamcn/react-portfolio
- Owner: victoriamcn
- License: apache-2.0
- Created: 2023-06-08T22:50:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-07T22:45:19.000Z (about 1 year ago)
- Last Synced: 2023-10-07T23:25:55.376Z (about 1 year ago)
- Topics: create-react-app, javascript
- Language: JavaScript
- Homepage: https://www.victoriamcodes.com/
- Size: 14.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React-Portfolio
## Description
**My most updated portfolio for https://www.victoriamcodes.com/ is now under the `Portfolio` Repository.***This repo used `create-react-app`, but I decided to redo my website with `Vite`.*
## Table of Contents
- [React-Portfolio](#React-Portfolio)
- [Description](#description)
- [Table of Contents](#table-of-contents)
- [Links](#links)
- [Preview](#preview)
- [License](#license)
- [Credits](#credits)
- [Framework Documentation](#framework-documentation)
- [Tutorials](#tutorials)
- [Example Code](#example-code)
- [Badges](#badges)
- [Frameworks and Libraries](#frameworks-and-libraries)
- [Integrated Development Environments (IDE)](#untegrated-development-environments-ide)
- [Languages](#languages)
## Links[Deployed Site](https://victoriamcn.github.io/React-Portfolio/#about)
[GitHub Repository](https://github.com/victoriamcn/React-Portfolio)
## License
[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
- [Click here](https://opensource.org/license/apache-2-0/) to view the license documentation or,
- Go to the [license file](https://github.com/victoriamcn/React-Portfolio/blob/main/LICENSE) with in this repository.## Credits
### Framework Documentation
[React](https://react.dev/learn/react-developer-tools)### Tutorials
- Digital Ocean: [Introduction to Bulma CSS with React](https://www.digitalocean.com/community/tutorials/react-intro-react-bulma-components)
- dev: [Using the useState Hook and Working with Forms in React.js.](https://dev.to/heyjoshlee/using-the-usestate-hook-and-working-with-forms-in-react-js-m6b)
- freeCodeCamp: [How to Build Forms in React](https://www.freecodecamp.org/news/how-to-build-forms-in-react/)
- Medium: [Building React Forms With useState](https://medium.com/@aaron_schuyler/building-react-forms-with-usestate-2cf45a3110ac)
- Medium: [How to use HTML5 form validations with React](https://codeburst.io/how-to-use-html5-form-validations-with-react-4052eda9a1d4)
- mailtrap: [Building Contact Form and Handling Emails with React](https://mailtrap.io/blog/react-contact-form/)
- mailtrap: [How to Validate Emails in React](https://mailtrap.io/blog/validate-emails-in-react/)
- One Complier: [Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined](https://onecompiler.com/questions/3tjhj2ytk/element-type-is-invalid-expected-a-string-for-built-in-components-or-a-class-function-for-composite-components-but-got-undefined-you-likely-forgot-to-export-your-component-from-the-file-it-s-defined-in-or-you-might-have-mixed-up-default-and-named-imports)
- StackOverflow: [How do I add validation to the form in my React component?](https://stackoverflow.com/questions/41296668/how-do-i-add-validation-to-the-form-in-my-react-component)
- StackOverflow: [map function not working in React](https://stackoverflow.com/questions/39999671/map-function-not-working-in-react)
- StackOverflow: [React pdf onclick download](https://stackoverflow.com/questions/50964445/react-pdf-onclick-download)
- StackOverflow: [React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid](https://stackoverflow.com/questions/52801051/react-site-warning-the-href-attribute-requires-a-valid-address-provide-a-valid)
- StackOverflow: [Rendering an array.map() in React](https://stackoverflow.com/questions/38282997/rendering-an-array-map-in-react)
- StackOverflow: [Webpack successfully compiled but does not show output in browser](https://stackoverflow.com/questions/44515434/webpack-successfully-compiled-but-does-not-show-output-in-browser)### Example Code
- GitHub: [Lemming97](https://github.com/Lemming97/React_Portfolio/blob/main/src/components/Contact/index.js)
- GitHub: [EmilyNecciai](https://github.com/EmilyNecciai/react-portfolio/blob/main/src/components/Contact.js)## Badges
### Frameworks and Libraries
![Bulma](https://img.shields.io/badge/bulma-00D0B1?style=for-the-badge&logo=bulma&logoColor=white)
![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)### Integrated Development Environments (IDE)
![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)
### Languages
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)