PJUM

PJUM

Roles

  • Frontend Developer
  • UI/UX Designer

Technologies Used

  • Next.JS
  • TypeScript
  • Figma

My Contributions

As the Frontend Developer and UI/UX Designer, I am responsible for crafting an intuitive and engaging user interface that enhances the overall user experience. When I created this design, I focused on a professional-looking and simple interface with a sidebar dashboard. I want users to find everything clear and accessible upon arriving at the website. This approach was inspired by the principles outlined in the book "Don't Make Me Think, By Steve Krug", which emphasizes the importance of intuitive design.

I am using Next.js and Shadcn UI for this project, which allows me to leverage pre-built components and speed up my development workflow. You can read more about my decision to use a UI library in my blog post here.

It's important to note that this design isn't final. I see significant room for improvement, such as better populating the dashboard and removing redundancy. I feel that I need more time to analyze the design, gather feedback, and generate better ideas for iteration and enhancement.

Throughout this journey, I encountered challenges that contributed to my growth as a developer. For some functionalities, I struggled with achieving desired outcomes using server-side rendering (SSR) fetching, so I opted for client-side fetching with Axios in those cases. As a result, I now see the need to refactor the code to improve performance and maintainability. Additionally, learning Docker was essential for facilitating smooth collaboration and deployment. This tool not only helped me understand containerization but also improved the overall development workflow, making it easier to manage dependencies and maintain consistency across different environments. I am also collaborating closely with the backend developer, and it's important that our visions align to ensure the success of the project.

Screenshots

Screenshot Screenshot Screenshot Screenshot Screenshot