Submitted about 3 years ago

Photosnap Marketing Site using Vue.js, SCSS and Bootstrap 5

bootstrap, sass/scss, vue, vite

Jan-Luca Splettstößer•210

@lucaspl3tti

A solution to the Photosnap multi-page website challenge

Preview Code

Solution retrospective

I would totally appreciate some feedback on the design implementation, especially on the grid system. Also feedback on my component driven approach would be really nice :)

Code

Please log in to post a comment

Community feedback

Ivan•2,610
@isprutfromua
Posted about 3 years ago
Hi there. Good job! Your solution looks very similar to the design.

I have some suggestions for improvement:
- set text-transform: uppercase for section headers
- I think it would be better to import page components out of a config
```
import HomeView from ....
....

component: HomeView
```
- For a better UI, you can add smooth transitions between pages. For example:
```
  <transition name="fade">
    ....
  </transition>
```
- I think you could simplify your data file. You could export each page individually, instead of importing an entire data file into single file components.
I hope my feedback will be useful.

Good luck and fun coding 🤝⌨️
Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord