Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive comments section - CRUD - Vite-React-Firebase-SCSS

Haiko 200

@Haiko-E

Desktop design screenshot for the Interactive comments section coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Vite

i wanted to try something else then create-react-app and i must say via Vite my app is a lot faster and the size of my app is smaller.

React

I'm still learning React i want to get better. Most projects i'm gonna build with React, and if i feel familiar with it i'm gonna give Next.js a try.

Firebase

I realy struggled with the datastructure. i just didn't know how to get the best datastructure with this app. Reading data is one thing, but updating and deleting is another thing. I just couldn't figure out how to handle one-to-many & many-to-many structures. Using references or not... After a long struggle i added all the path's (path to document and path of parent) to my data so i could query them.

SASS/SCSS

First project where i used SCSS, and i love the way it works. But i struggled with doing the basic CSS layout stuff. I feel like i repeated myself a lot, i want to write cleaner CSS but just don't know how.

How do i get the DESIGN---COMPARISON thing working for my app??

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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