PersonalTravel Journal

Journal built using React

A travel journal application

A personal travel journal application using React. In one component named Hero, I used JSX to display the header of the homepage. In the Card component, I built the individual card layout that integrates with the data given to display all entries of travel.

Travel journal entries

Using a data object array, I was able to push the data to the Card component to render all of the data given. I can easily add new travel entries within the data which then gets rendered for the user.

Travel journal entries

Using CSS and JSX, I was able to style and frame my page to my liking. I was also able to think responsively to build an app that functions well at all screen sizes.

The deployment can be found on GitHub Pages. Check out the source code here.