This is a single-page application portfolio which used REACT to show cases the work samples of the user in this GitHub page.
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.
- About the Project
- Project Links
- Deployed App
- Installation
- Contribution Guidelines
- Project Team
- Questions
- License
Given a single-page application portfolio for a web developer:
- When user loads the portfolio, then they are presented with a page containing a header, a section for content, and a footer.
- When user views the header, they are presented with the developer's name and navigation with titles corresponding to different sections of the portfolio.
- When user views the navigation titles, the are presented with the titles About Me, Portfolio, Contact, and Resume, and the title corresponding to the current section is highlighted.
- When user clicks on a navigation title, they are presented with the corresponding section below the navigation without the page reloading and that title is highlighted.
- When user loads the portfolio the first time, then the About Me title and section are selected by default.
- When user is presented with the About Me section, then they see a recent photo or avatar of the developer and a short bio about them.
- When user is presented with the Portfolio section, then they see titled images of six of the developer’s applications with links to both the deployed applications and the corresponding GitHub repository.
- When user is presented with the Contact section, they see a contact form with fields for a name, an email address, and a message.
- When user moves their cursor out of one of the form fields without entering text, then they receive a notification that this field is required.
- When user enters text into the email address field, then they receive a notification if they have entered an invalid email address.
- When user is presented with the Resume section, then they see a link to a downloadable resume and a list of the developer’s proficiencies.
- When user views the footer, then they are presented with text or icon links to the developer’s GitHub and LinkedIn profiles, and their profile on a third platform (Stack Overflow, Twitter)
git clone https://github.com/SepidehAyani/sepid_react_portfolio.gitnpm inpm start
Feel free to contribute to this repo by creating issues or sending an email to sepid.ayani@gmail.com