Skin Code

Description

Skin Code, a web app for new comers and fanatics, fostering sustainable skincare for a sustainable world.

FILES STRUCTURE

• fullstack-group-3/
  • backend/
    • middlewares/ (Express middleware)
    • server.js (Main server file)
    • .env (Environment variables)
    • package.json (Backend dependencies)
  • frontend/
    • public/ (Static files)
    • src/
      • assets/ (Images and static assets)
      • components/ (Reusable React components)
      • pages/ (Page components)
      • config/ (Configuration files)
      • main.jsx (Main entry point)
    • .env (Frontend environment variables)
    • package.json (Frontend dependencies)
  • project_details/ (Project documentation)

Install + dependencies

Run Backend

1. Navigate to

cd backend

2. Install dependencies

npm install

3. Don't forget to set up your .env file in /backend directory with this information below:

• PORT
• COSMILY_BEARER_TOKEN
• COSMILY_API_BASE_URL

4. Run the backend server

node server.js

5. On successful connection to the server and database you should see this in the terminal:

Server is running on PORT: 3000

Run Frontend with React + Vite

1. Navigate to

cd frontend/skincare-app

2. Install dependencies

npm install

3. Don't forget to set up your .env file in /frontend/skincare-app directory with this information below:

• VITE_API_BASE_URL

4. Run the app

npm run dev

4. The app will most likely be running on server http://localhost:5173/ but please check in terminal to double check which port your app is running on.

RUNNING TESTS

Backend (Jest)

1. Make sure you're in the right directory before you run any tests

2. Run the tests

npm test

Frontend (Vitest)

1. Make sure you're in the right directory before you run any tests

2. Run the tests

npm test