/traveljournal

This is a solution to Travel Journal solo project on Scrimba

Primary LanguageJavaScript

Scrimba Travel Journal Solution

About This is a solution to Travel Journal solo project on Scrimba

Requirements

Data array in a separate .jsx file - in the assets folder Title, description, images, startDate, ednDate, location...

  • Use .map() and props
  • Style & polished
  • Mobile responsiveness
  • Destructuring props

Screenshots

image

image

Built With

  • Semantic HTML5 markup
  • CSS custom properties
  • React.JS
  • Flexbox

What I learned

  • Displaying data using from an external file
  • Using Map to loop through data and display each data.
  • Destructuring props
  • Passing Non-string props

Useful resources

React Vite - How to set up a local development environment on your computer

Conclusion

Turuuss😎👏🏼 gime me a star if you found this repo