Lochipi / traveljournal

This is a solution to Travel Journal solo project on Scrimba

Home Page:https://traveljournal-psi.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

This is a solution to Travel Journal solo project on Scrimba

https://traveljournal-psi.vercel.app/


Languages

Language:JavaScript 80.8%Language:CSS 14.7%Language:HTML 4.4%