Skip to content
Submitted 6 months ago

Invoice App using Next Js, React and Firebase

#firebase#next#react#tailwind-css#typescript
Valentyn Chernetskyi•230
@Valik3201
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Invoice app
  • HTML
  • CSS
  • JS
5guru

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I used Next.js for the first time, which was very interesting and educational. Additionally, I believe I successfully created a full-stack application using Firebase as the backend. I’m particularly proud of figuring out many new technologies and implementing complex functionalities. If I were to do it again, I would spend more time planning the application’s architecture to avoid some of the difficulties I encountered during implementation.

What challenges did you encounter, and how did you overcome them?

One of the challenges was that I had to read a lot of documentation to understand and implement various features. This slowed down the process but also helped me gain a deep understanding of the technologies. Another perennial problem is working with forms. In this project, I chose to work with Formik, and although there were some roadblocks, everything worked out in the end. Solving form-related issues involved continuously reading the documentation and looking for real-world usage examples.

What specific areas of your project would you like help with?

I would be very grateful for any feedback :)

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted 6 months ago

    I'm a big fan of the home page; it is very informative, creative and a big plus for going the extra mile on this challenge.

    I haven't inspected the code since I'm required to create a login; which is a big no when creating projects as it defers others (recruiters, other developers, etc..) from going through your project.

    To correct this, keep the login/signup but I recommend you add a "guest" / "default" login so anybody can browse your site

    Regarding Formik, it is obsolete hasn't been update in years. So I wouldn't use it for future projects.

    P.S. Where or how did you create those mockups?

    Marked as helpful
    0
    Valentyn Chernetskyi•230
    @Valik3201Posted 6 months ago

    @VCarames Thank you so much for your feedback! I really appreciate your suggestion to add a guest login, which is indeed a great idea that I plan to implement soon. As for Formik, thanks for the heads-up.

    Regarding the mockup, the main part was provided by Frontend Mentor, and I only created the homepage. :)

    1
    バレンタイン 😈•64,170
    @VCaramesPosted 6 months ago

    @Valik3201

    No prob!

    Sorry, I meant the Mac and iPhone mockups? Did you use a site or something?

    0
    Valentyn Chernetskyi•230
    @Valik3201Posted 6 months ago

    @VCarames Yes, I used the website shots.so

    1

Please log in to post a comment

Log in with GitHub

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