Skip to content

Frontend codebase for the Glow Guide full stack app - a skincare diary app

Notifications You must be signed in to change notification settings

suchiashok/glowGuide-Client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Glow Guide - Where glow glows becomes reality

Glow Guide is a skincare diary app designed to help users achieve their skincare goals by providing personalized routines and product management.

Problem

In today's world, where skincare has become as integral to personal well-being as fitness, managing an effective skincare routine presents significant challenges. Users often struggle to keep track of multiple products, adhere to consistent routines, and avoid the pitfalls of using expired products. This mismanagement not only diminishes the efficacy of skincare regimens but also leads to unnecessary purchases, increased wastage, and a larger carbon footprint.

Glow Guide addresses these challenges by providing a comprehensive solution for logging and managing skincare products, ensuring adherence to personalized routines, and minimizing product waste. By helping users track product usage, receive timely reminders for expiration dates, and optimize their skincare schedules, Glow Guide empowers individuals to achieve their skincare goals efficiently and sustainably. This app is designed to enhance the effectiveness of skincare routines, reduce the environmental impact of product wastage, and support users in maintaining healthy, glowing skin.

Features

  • As a user, I want to receive a personalized skincare routine based on my skin analysis.
  • As a user, I want to be able to get my skincare routine.
  • As a user, I want to log the products I own and track their expiry dates.
  • As a user, I want to view a list of my logged products, including their open and expiry dates.

Tech Stack

  • Client libraries:
    • React.js
    • Scss
    • Material UI
    • SwiperJS
    • react-router
    • axios

Developing

Requires node and npm

  • Download or clone this repo.
  • Install dependencies:
    # From inside the repo directory:
    npm install
    npm i swiper
    npm install @mui/material @emotion/react @emotion/styled
    
  • Start the app:
    npm run dev
    
  • Please note that the server repository is required for product information. Download or clone the server repo here.

Video

glowGuide__Demo.mp4

About

Frontend codebase for the Glow Guide full stack app - a skincare diary app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published