
Adding a Search Bar!
I want to add a search bar to the app so that the user can search by name and location. To start I add a new input to the Groups...

React: Updating Join/Leave Group
Today I want to add some functionality with joining and leaving groups. Right now, when a user wants to join a group, they can click the...

UI Additions and Deployment Prep
As I'm getting ready to deploy Lets Go for the first time I'm adding some additional UI updates. I want to add character limits to my...

Adding a Profile and Desktop Styling
Today I want to add a 'Profile' view to the app. This view will contain a list of the created groups for the current user. To start, I'm...

Code Cleanup and UI Updates
Today I'm working on cleaning up the code and trying to make it more efficient where possible. In previous posts I had noted places where...

Adding Memberships to the Front End
Now that I've added memberships to the rails back end, it's time to add the feature to the front end. I'll start in the individual Group...

Many-to-Many: Adding Memberships to Rails
A key feature of the app is that users can join and leave groups that they want to be a part of. To implement this feature I set up a...

Building Relationships: The React Front End
It's time to update the React client to reflect the changes made to the back end. In the last post, I created the first relationship...

Building Relationships: The Back End
Today I want to setup the relationship between the user and the groups. This will only be the first step of the user/group relationship....

UI Updates: Meetup.com Inspiration
I spent the last few days redesigning the app using Meetup.com's mobile layout for inspiration. One thing i noticed from the Meetup...

UI Updates using Boostrap Grid
Today I want to update the Header using the Navbar component of the React-Bootstrap library. I decide to use a toggle icon that will...

Redirects - Making the App Feel Like an App!
Today I'm adding a feature that will redirect the user to a different component after a form is successfully submitted. A redirect is...

Adding 'About' to the Front End - React
In the last post I added a new data field, the 'about' section to our 'groups' database. Now, I want to update the client so that the...

Adding 'About' Section to the Group Resource - Back End
Today I want to add a field for the description of a Group. As far at the UI is concerned, this will be a text-box for the user to enter...

First Round of Styling!
I've got the basic functionality of dealing with Groups covered. The user can create a new group, view a single group or all the groups,...

Editing an Existing Group
My goal for today is to create the EditGroup component, and then get it working. I start off in the Group component by adding a simple...

Using props instead of an API call
I've moved the delete button from the Groups component into the Group component and realized that all the data that I need to populate...

Adding a link, moving the 'delete' button
My first goal for today is to add a nav link to each group listed in the Groups component. I'm using the header element for each group...