This week, I coded the navbar and sidebar for our project. The tutorials I watched through all used react router so I had to do some research and adjustments after to switch it to using next/link and next/router. I also had to do some research to make styled-components play nicely with next.js. In summary, I definitely learned a lesson about the importance of checking for compatibility this week.
While I was researching the navbar and sidebar, I came across the Framer Motion library. It provides a lot of useful transition animations that I feel would greatly add to our project especially the Animal profile browsing page. I found some tutorials that I plan to read through to help determine if it is the right fit for our project:
- https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion
- https://www.freecodecamp.org/news/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion/
My goal this upcoming week for the project is to get a ‘/profiles’ or ‘/about’ page coded (hopefully in time for the demonstration).
Outside of the project, I’ve been looking into good ideas for a side project to code in my free time (Thanks for the suggestion Prof Pfeil!). While there may not be much time between applications and my two classes, I am confident I can have something presentable by the time I graduate if I maintain focus and determination. If not, it will at least be something I can continue to build on after graduation.
My top 3 ideas right now are currently:
- build upon wasteagram (waste management app) portfolio project from mobile dev class
- develop a personal website to showcase my portfolio
- create my own API (currently learning about this in cloud)
Not sure which one I am leaning towards yet, but I know that I do want to have my own portfolio website eventually. I will probably have more of an idea which one to go for once I look more into them and research more about what hiring managers are looking for. Please feel free to leave any side project suggestions or ideas if you have any!
