tolentinoel / splashglam_backend

splashglam_backend

SplashGlam_frontend

This project is deployed and hosted at Heroku - http://splashglam.herokuapp.com/ for your browser experience!

Technology Used

-Ruby on Rails
-Active model serializers
-React
-React-router
-JWT Authentication
-React-Bootstrap
-Custom CSS
-External API (Data scraped from 3 websites using ParseHub)

Features & Highlights

- Users can Create an account, Read details about it on their profile page, Update their information, and Delete their account/s.

- Users can browse through all products and also click through tabs and filter products based on skin concern. Users can click on each product to see further information. Further details of the product will include, product description, market price, product brand, link to where to purchase the product and link to the brand that carries that product.

- Users can Create multiple lists, Read the contents of each, Update by adding products to a specific list, and Delete their lists.

- Users can bookmark a product and it'll be added to their selected existing list or make a new list right off that form.

- Users can Create a product review and can be Read by other users when they clicked on the specific product.

-Users can toggle light and dark mode for accessibility.

Installation

https://github.com/tolentinoel/splashglam_frontend

Backend

√ bundle install
√ rails db:migrate
√ rails db:seed
√ rails s

Frontend

√ npm install
√ npm i react-router-dom
√ npm i react-animations
√ npm i react-bootstrap bootstrap
√ npm start

In the project directory, you can run: npm start

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

Screenshots