janetmndz / open-space-frontend

🚀 ✨ A full stack React.js and Ruby on Rails web app aimed to provide a safe space for sharing kind words to folks who need them

Open Space 🚀 📝

A full stack React.js and Ruby on Rails web app aimed to provide a safe space for sharing kind words to folks who need them.

_{Built with ❤️ and ✨ by Janet Mendez}

See it Live: https://open-space-fe.herokuapp.com/

Features

This web app aims to provide users a safe and open space where they can make posts on things that are bothering them. Users can only see posts with topics that they are subscribed to ensure that users have full control of what they want to see. Users can send notes to other user's posts as encouragement. These notes are private and can only be seen by the recipient as well as validated with IBM Watson Tone Analyzer to ensure they are kind words.

Tech Stack

This web app makes use of the following:

Backend

• Ruby [2.6.1]
• Rails [~> 5.2.3] - MVC web framework used as an API
• PostgreSQL [>= 0.18, < 2.0] - Database
• bcrypt [~> 3.1.7] - Gem for encryption and securing user passwords
• Figaro - Rails gem for securing API Keys
• Active Model Serializers - Serializing API routes to JSON
• JWT - securing tokens
• IBM Watson - Ruby SDK for IBM Watson
• Heroku - App deployment

Front End

• React.js
• React Router - Declarative Routing
• SCSS - CSS pre-processor

Prerequisites

Before you begin, ensure you have installed the latest version of:

• Ruby
• Rails
• PostgreSQL
• Node.js and npm

This web app uses the following API keys from:

• IBM Watson - Tone Analyzer

Installing

For information on Backend Installation please click here: Open Space Backend

Frontend Installation:

• Clone this repo to your local machine git clone <this-repo-url>
• cd to frontend directory
• Ensure your Backend API is running at http://localhost:3000/
• run npm install to install all dependencies
• run npm start to start server
• When prompted, ensure Frontend is running at http://localhost:3001