All solutions

Hello all - I finally completed this project and I'm pretty happy with the end result. I'm using Firebase which I don't consider to be a full stack app but it does a good job pretending to be. It has fully functional authentication with email and password but also has a google sign-in which works great. I have it disabled because I don't want tons of accounts on my firebase but it works fine if you want to see the code to use it yourself. The bookmarks functionality just works locally at the moment. I have the functions where firestore will create a nested collection of bookmarks for each new user and it stores them in an array. However I don't have it coded to retrieve them yet so the bookmarks will note persist. It all seems to work beautifully so far. Please log-in with the email shown on the live site and tell me what you think - I would love some feedback.

This was a fun challenge for me. The api isn't very complicated but I learned a few things on how to target values that were nested inside the json objects. Sometimes it's not that intuitive so that was nice thing to add to my toolbox. Also figuring out how to deal with two simultaneous filters and get the correct result was interesting. I also employed an npm package called react-select. This is a package for a dropdown that was a little problematic to figure out the styling, but once I learned the syntax and how to target the properties I wanted to change, it was worth it. This package also works well if you need multi-value selection capabilities. Check it out and leave some feedback please.

I know the old Todo projects are old news but I really got a lot out of this project. I really try to have good coding practices with react by making everything modular. Using context and reducers cleanly and finding better ways to use styled components. There were a few little tricks that I learned with the styling of this project that I hadn't used before which was a lot of fun. Also this first time that I've implemented drag and drop which I was really wanting to learn.

This app uses local storage which I have use a few times now but not quite like I did in this project. I'm using a reducer and setting the initial state to the data in local storage (if there is any) but I'm not quite sure I'm doing it the right way. The app works fine but my solution seemed too simple and it makes me nervous.

Please take a look and let me know what you think.

This was a review for me to relearn sass. It has been ages since I've written any css like this as I usually use styled components with React. I'm sure I didn't comply with some of the naming standards but it was good to do this again. Any feedback is welcome.

I've been learning / using React for the past couple of years and started using styled components about a year ago. I haven't been very strong with styled-components and some certain design aspects in general which I wanted to address with this project. I think styled components can be pretty powerful with the ability to use props. It was definitely a little slow going at first trying to get a good work flow with the css with getting redundant or conflicting styles in my components. I also wanted to get a feel for the limitations of S.C such as difficulty in targeting specific elements for styles and tedious debugging.

There is an issue I found with github pages with react apps which is the way the routing works. It forces you to change how it sees the root route which can cause some weird behavior with active links when using react router. It makes the root link or home link active all the time which wont happen on other platforms like Heroku to Netlify. You can usually fix this issue with using 'exact' in the NavLink props but it didn't work here. Maybe someone out there has a solution but it was beyond what I was needing for this challenge.

Let me now if there are things that could be done better or if you find some bugs. Always looking to improve and I appreciate any feedback.