React-Redux Final Project
Whoa. I can’t believe I made it to the final project. I was really nervous going into it since I had trouble during the redux cirriculum, and rightly so since I ran into quite a bit of trouble along the way.
For my project I decided to create a plant swapping app called Garden Exchange. It seemed like a simple enough idea. It would have simple transactions between two user. I started planning right away. I wrote out the user story and came up with the following. User should be able to
- See all plants available for trade
- Send an offer for an available plant
- Post plants up for trade
- See their own plant listings separate from the feed
- See offers they have received and sent
- Accept/Deny offers
- Search for items through a search bar
Posted by Brittany Javalera on April 28, 2020
Ch-Ch-Changes
- A lot has changed over the last month. Due to “stay at home” rules, I began working from home which is something I had never done before. Luckily, I am working as graphic designer so all I need is a computer for my job. But it is a brand new work environment and has presented some challenges for me. I have found it a bit more difficult to focus on my work for long periods of time. My most productive hours are now early in the morning before my housemates crowd my workspace and in the night time when everyone is in their own quarters.
- In normal times, I feel like I have time to decompress from my work day on my drive home and prepare myself mentally to come home and work on Flatiron coursework. There is a separation in my day that I miss but have done my best to recreate this. I have one area where I have my iMac set up just for my 8-5 work. Once my work day is over, I take my dog out to the yard to play, have dinner, watch jeopardy, and then start my coursework. It took a couple of weeks to get into this new routine but I finally feel better about it.
- During this time in my cohort, we learned React and Redux. I was really enjoying React because of the potential of funcitonality and improvement in the users experience. It also gives us the ability to pass props from one component to another which was something that was very frustrating when we were coding with vanilla JavaScript. But, once we got to Redux, I felt so lost. Everything seemed jumbled to me and I didn’t know what component was responsible for what or where props were coming from. It wasn’t until this past week that I had a breakthrough. I had a really helpful pair programming session with a fellow student who went through a full lab with me. Now I can share a few things I have learned in regards to Redux.
- We use createStore() to return a store that has functions to get and dispatch state and props. This is usually done in index.js.
- We can connect our App to this store by importing {connent} from react-redux.
- We use App as a container component that houses our other components, usually presentational components.
- In App, we can use mapStateToProps function(the store gives us access to this function) to get state, turn it into prop(s), and send the prop(s) to the components that are inside of our render function. (state to props)
- Store also gives us access to mapDispatchToProps function that lets us pass an action-creator as a prop to other components. (action to props)
- Thunk is middleware used for asynchronous calls, like fetch, in Redux.
Posted by Brittany Javalera on April 12, 2020
Rails JS Project
This project requred a single page application built with a rails api with javascript frontend. This project was very different from the past projects for various reasons; reasons that made this project extra challenging. I will be writing about my experience.
Posted by Brittany Javalera on February 23, 2020
My Rails Project
This project has been the toughest one yet. I think there was so much to learn in the Rails module that it was a bit more difficult to retain all the information and lessons compared to the last few modules. That being said, I do feel like I have come a long way but I am aware I still need more practice.
Posted by Brittany Javalera on December 15, 2019
Sinatra Portfolio Project
For this project I chose to make an app that I would find useful in my own life. I love to camp but after a few months, I forget details like dates, and campground names of places I have camped so I wanted a way to keep track them as well as to have a Bucket List of places I would like to camp at. So, I created an app called CampTales which is a camping journal that allows campers like me to sign up for a journal account where they can create and edit entries to both journal and bucket list. It was a fun process and I felt more comfortable creating from scratch compared to the CLI project.
Posted by Brittany Javalera on October 12, 2019