Perusing through GitHub just isn't enough! Check out my responsive portfolio built with React. This website features mobile-first design and easy navigation between components. Learn about me, my experiences, services and highlighted projects. Website also has a contact form to reach me directly, in case you would like to collaborate. Read the documentation further to find the live deployed application and other information about this application.
- Description
- Table of Contents
- Usage
- Installation
- License
- Technologies Employed
- Future Development
- Contributing
- Tests
- Questions
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 positionGIVEN a single-page application portfolio for a web developer
WHEN I load the portfolio
THEN I am presented with a page containing a header, a section for content, and a footer
WHEN I view the header
THEN I am presented with the developer's name and navigation with titles corresponding to different sections of the portfolio
WHEN I view the navigation titles
THEN I am presented with the titles About Me, Portfolio, Contact, and Resume, and the title corresponding to the current section is highlighted
WHEN I click on a navigation title
THEN I am presented with the corresponding section below the navigation without the page reloading and that title is highlighted
WHEN I load the portfolio the first time
THEN the About Me title and section are selected by default
WHEN I am presented with the About Me section
THEN I see a recent photo or avatar of the developer and a short bio about them
WHEN I am presented with the Portfolio section
THEN I see titled images of six of the developer’s applications with links to both the deployed applications and the corresponding GitHub repository
WHEN I am presented with the Contact section
THEN I see a contact form with fields for a name, an email address, and a message
WHEN I move my cursor out of one of the form fields without entering text
THEN I receive a notification that this field is required
WHEN I enter text into the email address field
THEN I receive a notification if I have entered an invalid email address
WHEN I am presented with the Resume section
THEN I see a link to a downloadable resume and a list of the developer’s proficiencies
WHEN I view the footer
THEN I am presented with text or icon links to the developer’s GitHub and LinkedIn profiles, and their profile on a third platform (Stack Overflow, Twitter) This application is deployed on GitHub Pages.
The following animation demonstrates the application's functionality:
Portfolio.mp4
The following animation demonstrates the application's mobile interface:
PortfolioMobile.mp4
This project is licensed under the MIT license.
A short and simple permissive license with conditions only requiring preservation of copyright and license notices. Licensed works, modifications, and larger works may be distributed under different terms and without source code.
For more information visit MIT Licensing.
- React
- React-dom
- React-icons
- React-scroll
- React-scripts
- Web-vitals
- JavaScript
We would like to continue to add the following functionality to our application:
- Update all projects to black and white GIFs
- Add media queries for the new Galaxy Fold
We'd love for you to contribute! In order to do so, fork this repository. Your pull request will need approval in order to merge to main.
Take a look at our Future Development section to see what we are looking to expand on (implemented features are denoted with a ✓). Feel free to implement your own ideas and merge request!
No tests were run to complete this application.
Find Insha Sayani on GitHub
Or visit the portfolio's repository: ISayani React Portfolio
© 2022 ISayani Creative Services, Confidential and Proprietary. All Rights Reserved.