Skip to content

tolentinoel/splashglam_frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

99 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SplashGlam_frontend

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

Screenshots

Home Page on light mode Home Page on dark mode Product List on light mode Product List on dark mode Example product page Creating list Viewing bookmarked products

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_backend

#####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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published