This is the Front-End portion of the application *
Deploy: https://safespace-frontend.netlify.com/

Landing-page:
Deploy: https://safespace-home.netlify.com/
Code: https://github.com/safespace-bw/UI *

Safespace

Don’t fight mental health alone. Use technology to help you fight it.

Tech Stack

1. React
2. Redux
3. React-Router
4. Axios
5. Twilio (currently works to send messages out to authorized twilio phone numbers on my trial account, I would have to pay for someone to send a message to any number)
6. Bootstrap
7. Material UI

Frontend

This was my first group project at Lambda School as the Front End Developer and second group project overall. The MVP of this project was to build out a web application that consumes a CRUD API. I pair programmed with the UI Developers and Back End Developers on my team to ensure that all of my React components were wired up in proper fashion. The stretch goal of this app was to connect to the Twilio API in order to send out positive text reminders throughout the day.

Overall, this project was a good lesson in creating a React app from scratch. I fleshed out this app with functional and class components as well as array methods to dynamically render the elements. I also incorporated my newly acquired knowledge of react-router when I made this project and learned more about how CRUD operations drive an application.

This project was completed during my Lambda School month 2 unit: Web Application Development.

The Web Application Development unit explored the following topics:

• Functional Components 1 - 2
• Class Components 1-2
• React Tooling
• The React Life-cycle
• React Composition Patterns
• CSS in JS
• React Router 1 - 2
• HTTP/AJAX 1 - 2
• Redux Fundamentals 1 - 2
• Async Redux w/ Redux Thunk

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Credits

Frontend

Austin James: https://github.com/AJLambda

Backend

Jonas Walden: https://github.com/UnknownMonk
Gill Abada: https://github.com/gabada

Team Lead

Liz Baker: https://github.com/LizBaker

User Interface

Sydney Crumley: https://github.com/srsimps19