It appears to be a static and simple project, however, the styling and rendering was a challenge that I hadn't encountered before. The design was based on a screenshot of the final result, so I made the site and footer using a provided Figma file. Once that stage was over, I used an array method to map the data from each entry onto a card component. In theory, if the file had 10 or 100 or 1,000 entries, it would all render on page load in order. The goal for this project is add a form to create new travel journal entries with the option of editing and deleting. This could easily be redesigned to be a food or organizational journal.
Date Started
July 20, 2021
Technologies Used
Figma, Node.js, Firebase
The problem
Lorem ipsum dolor sit amet
Duis nunc magna, sollicitudin quis fermentum eu, mattis sed diam. Nunc urna neque, euismod vitae hendrerit in, egestas ac sem. Fusce nec enim molestie, dapibus odio eu, finibus sem. Pellentesque sagittis id nisl sed posuere. Sed mollis non nulla quis blandit. Cras mollis ex non tortor finibus, et ultrices ante egestas.
The solution
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum ex in suscipit eleifend. Suspendisse a odio non orci euismod scelerisque. Nam sapien arcu, tristique vitae risus in, iaculis dictum diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum ex in suscipit eleifend. Suspendisse a odio non orci euismod scelerisque. Nam sapien arcu, tristique vitae risus in, iaculis dictum diam. Aenean vulputate urna eget est vehicula tincidunt. Vivamus luctus diam id varius facilisis. Curabitur venenatis dolor et urna condimentum, porta volutpat dolor pharetra. Sed sed felis egestas, lobortis ex suscipit, tristique eros.
Features
Lorem ipsum dolor sit amet
Duis ullamcorper efficitur ipsum, et rhoncus erat pretium vel. Suspendisse bibendum porttitor dolor, a tempus lorem lacinia sit amet. Aliquam tincidunt hendrerit tellus, id gravida ex suscipit sed. Maecenas id massa tristique risus sodales pharetra. Morbi nec ipsum magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean vulputate urna eget est vehicula tincidunt.
Vivamus luctus diam id varius facilisis.
Curabitur venenatis dolor et urna condimentum, porta volutpat dolor pharetra.
Sed sed felis egestas, lobortis ex suscipit, tristique eros.
.png)
.png)
.png)