All solutions

This project was by far the most difficult frontend mentor project I've ever undertaken. Though challenging, it was quite a fun and valuable learning experience for me.

I wanted to make use of and try ViteJS to initialize this project with React and style the components with styled components for quicker development and easier maintainability. It also has the potential to be a minor component for a larger, fullstack version of this project.

Questions, comments and critiques welcome!

I wanted to make this project using ViteJS and with styled components to get a feel for how both work. ViteJS is a faster alternative to create-react-app which now I believe is my go to for building smaller scale projects to avoid those long development downtime. Styled components allow me to encapsulate css in each particular component making it that much easier to debug and edit the css for that component. The challenge came in how I would have created the logic for the floating amount display, and I ended up utilizing both javascript and css targeting to allow it to display on hover and in clicking the selected day.

I really enjoyed this one. It has been a while since I worked with React and SCSS so I wanted this project to be a refresher course for myself.

I used to constantly grapple with SCSS and nesting but I felt that this project helped me to better plan out my approach regarding the usage of BEM (Block__Element--Modifier).

I wanted to also make use of some minor aria attributes in react when clicking buttons so that I also get better practice with accessibility features for larger projects.

This was an incredibly fun and challenging project to tackle and it gave me opportunities to showcase my knowledge of both SCSS and React. Working with SCSS definitely made this project that much more bearable when it came to organizing all of my styling and responsiveness much easier.

Questions, critiques, and comments welcome!

A fun and challenging project! This one took me much longer than I anticipated. I had trouble making the navbar responsive, and it took me a couple of days trying different approaches and it finally led me to this version. Comments, and Critiques welcome!

Questions, comments and feedback highly appreciated! This was a fun foray for me, I wanted to code this project in react and try some new things. I kinda deviated from the original design but it's mostly there!

I had a lot of fun working on this assignment! My thoughts and process posted in my github repository for this project. Any feedback is welcome.

I loved working on this one and I think it's the closest I got to the design. It was difficult thinking about the particular structure of my javascript and there may be spaghetti-looking code in there, but it was a very valuable learning experience and it does work!

I intend to redo this app in my own way with my own designs, but still use this beautiful design as a basis.

Any comments and critiques welcome! Thank you for viewing.

I really enjoyed working on this project since it taught me so much about what I could do with vanilla javascript. I still had issues with properly placing elements on different breakpoints but it was a helpful challenge regardless.

Any feedback is welcome!

Despite its simple looking interface, this was actually a pretty challenging one for me, but I learned so much from it! I may tackle this again, or make something for myself in the future in a similar vein to this project. Definitely would like to refactor the css and maybe use less divs in the future. Your feedback is very much welcome!

First stab at this assignment, I appreciate any help!