Welcome to my personal portfolio website! I used React to build this dynamic platform that reflects my leadership style, diverse skills, recent art projects, experiences, and parts of my journey.
I started with an existing template to learn and understand React better. Deciphering and understanding the code of others offers a great way to learn. This project helped me immensely in doing just that.
On top of that, the project offered a platform to exhibit my creativity. It had been a long time since I had collected and showcased my work from the past decade. This website served as an ideal moment to gather all of my creations and highlight what I've been up to.
I didn't just stop learning. I took the initial template, dived deep into the code, and made significant changes. I added custom features and my unique personal touch, which transformed it entirely. Now, this website stands not just as a portfolio but also as a testament to my learning journey and my ability to innovate and adapt.
~Ollie 08.01.2023
Modern & Responsive: Built with the latest React v18+ ensuring a smooth, modern, and fully responsive experience across all devices.
Spotlight/Hero Image: A dynamically generated image using MidJourney AI, symbolizing my passion for my work and my love for the San Francisco Bay Area.
About Me: An introduction to who I am, featuring my resume and the different brands/companies I've been fortunate to be a part of.
Strengths: Highlights my key strengths - leadership, a11y, and e-commerce. The images in this section are also generated by MidJourney AI.
Portfolio: A curated collection of my code, design, and video work. Included here is a clip from "A Thousand Birds & A Pair of Shoes," a personal favorite from my time at UCSB.
Testimonials: Recommendations collected from my LinkedIn profile to offer insights into my work ethic and abilities.
Contact: A space for recruiters and other interested parties to reach me via email or LinkedIn. A GitHub logo is also present for those who wish to delve into the code that powers this site.
-
Clone the repository: git clone https://github.com/olliefu/eollie.git
-
Move into the eollie directory: cd eollie
-
Install the project dependencies: npm install
-
Start the development server: npm run start
-
Then open http://localhost:3000 to view it in the browser. The page will reload if you make edits, and you will see any lint errors in the console.
- To create a production build, use: npm run build. This creates an optimized production build of the application, ready for deployment.
Embarking on this journey of learning and creating my portfolio has been an enriching experience. This project would not have been possible without the endless resources available online and the supportive coding community that always encourages learning and growth.
The initial template provided an excellent springboard to understand React.js better. By delving deep into the code and enhancing it with my unique touch, I've not only developed a greater appreciation for React.js but also understood the value of adapting existing resources to one's needs.
Going forward, I plan to continually improve this portfolio. I am particularly interested in exploring Tailwind CSS and Next.js, both of which I believe can bring even more powerful features to my portfolio. My journey in web development and design is far from over. This project is just a stepping stone towards a path of lifelong learning and evolving.
Lastly, I'd like to express my gratitude to everyone who's been a part of my journey so far. Whether it's through providing feedback, sharing valuable resources, or offering words of encouragement, your support has been instrumental in bringing this project to life. Here's to many more to come!