https://github.com/samantha-ruth/photo-port

A mock website for a photography portfolio. Created using React and Jest.
https://github.com/samantha-ruth/photo-port

express-js javascript jest-dom react reactjs reacttestinglibrary state

Last synced: about 2 months ago
JSON representation

A mock website for a photography portfolio. Created using React and Jest.

• Host: GitHub
• URL: https://github.com/samantha-ruth/photo-port
• Owner: Samantha-Ruth
• Created: 2022-08-22T14:22:47.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-01T16:43:39.000Z (about 2 years ago)
• Last Synced: 2024-04-16T08:49:23.690Z (9 months ago)
• Topics: express-js, javascript, jest-dom, react, reactjs, reacttestinglibrary, state
• Language: JavaScript
• Homepage:
• Size: 7.25 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Photo-Port

## Description

This project's goal was to create a professional photographer's portfolio using React, the create-react-app package, the react testing library, and run tests using the Jest-Dom. 

When the user visits the page, the application will render sample photography from the artist.  The user is presented with a navigation bar.

![Screen Shot 2022-09-19 at 6 40 25 PM](https://user-images.githubusercontent.com/64170123/191142924-e15205f3-cdb4-4830-93e6-1c4f5fa20f83.png)

When they click on "About Me", the application will relocated to information about the artist on the page.

![Screen Shot 2022-09-19 at 6 41 12 PM](https://user-images.githubusercontent.com/64170123/191142939-5c6e36bd-094b-46c0-b112-f8fc999c79ee.png)

When they click on different genres of photos on the navigation bar, portfolio sections with each genre category will render.  

![Screen Shot 2022-09-19 at 6 41 51 PM](https://user-images.githubusercontent.com/64170123/191142946-766da84f-1717-4ab0-8909-457390e6473d.png)

When the user clicks on the Contact Me link, a contact form will render with a form to enter information. 

![Screen Shot 2022-09-19 at 6 41 27 PM](https://user-images.githubusercontent.com/64170123/191142945-e40eda5d-7ff7-4a5c-bdce-3e306dd4c4fc.png)

The application helped me to develop my first app using React.  I learned how to develop components and to write in JSX to have components render in the App.js. 

## Deployment

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

In the project directory, you can run:

`npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.

 `npm test`

## Links

The link to the deployed project is here: (https://samantha-ruth.github.io/photo-port/)

The url of the Git repository is here: https://samantha-ruth.github/photo-port

## Questions

If you have any questions about the repo, open an issue or you can find more of my work at (https://gitHub.com/Samantha-Ruth).