A React web portfolio designed to show off my mad skills with react 😉.
- Description
- Screenshot
- Installation
- Usage
- Video Walk Through
- Technology
- Features
- Credits
- License
- Contribution Guidelines
- Feedback
- Socials
I had to use lots of different technologies to get this bad boy off the ground. I got to understand how state and hooks work in React., the benefits or running a single page application as well as how to do client side routing.
AS AN employer looking for candidates with experience building single-page applications I WANT to view a potential employee's deployed React portfolio of work samples SO THAT I can assess whether they're a good candidate for an open position
There was a lot that I learned. I also learned the benefits of using something like vite instead of CRA as it's much faster!
I also learned how to use:
- React hooks
- React props.
- React Router.
- Email.js.
- and much more!.
In order to run my site locally then please follow these steps:
-
Ensure that you have node and npm installed
-
For detailed instructions on installing node please follow this link for instructions
-
Ensure that you know the basics of vite
- Otherwise please follow this link and follow the guide for creating a vite app.
-
Clone this repository into your local repository.
git clone git@github.com:TheInfamousGrim/Progressive-Web-Application-Text-Editor.git
.
-
Install the dependencies
npm install
If you've followed these steps correctly then the application should be good to go 😁
Link to live application: Click here
Please follow these steps to use the application locally
-
Seed the db.
-
npm run dev
-
this will spin up a server and allow you to hot replace anything if you want to develop on my site further.
-
-
open a new tab in google chrome using the following URL
http://127.0.0.1:5173/george-fincher-react-portfolio
The technology used for the development of this app were:
- SPA
- React Router to do client side rendering
- Vite to build and deploy the site quickly
🙏 Made with the help of:
I'm open to have anyone jump in and contribute just message me on twitter
Please follow the contribution guidelines! Guidelines for contributing
Any feedback please email George Fincher
GitHub: TheInfamousGrim