Skip to content

angelocguerra/cssweng-softwaresolution

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Scire-Landing-Page

This is a repository for the landing page website of a skincare business meant to diagnose the skin condition of users. At the end of the quiz, users are asked to provide their email to view their results. These emails are then stored for newsletters that will be sent by the skincare business for marketing purposes.

Local Installation

  1. Navigate to the server directory
  2. Install the dependencies npm install
  3. Download the .env and .json files from the group's shared drive
  4. Upload the necessary .env and .json files to the server directory.
  5. Ensure that the recently uploaded files have .env and .json file extensions, not file names.
  6. Navigate to the client directory
  7. Add a proxy http://localhost:6000 to package.json of the client directory
  8. Change the port to 6000 from the server.js the server directory
  9. Install the dependencies npm install
  10. Prepare two terminals to run simultaneously.
  11. Run the first terminal from the server directory using npm run dev
  12. Run the second terminal from the client directory using npm start

Deployment

  1. Use nvm to change to node v16.20.2
  2. Navigate to the client directory
  3. Install the dependencies npm install
  4. Build the client npm run build
  5. Move the new build folder from the client directory to the server directory
  6. Navigate to the server directory
  7. Install the dependencies npm install
  8. Zip the entire server directory except for node_modules
  9. Access the domain's cpanel with given credentials
  10. Setup the nodejs app using node v16.20.2
  11. Extract the zip file to the file manager using the same directory from the previous step
  12. Ensure that the .env files are read properly
  13. Use the UI to npm install
  14. Start the website

Dev Team

This project was made by Gleezell Uy, Adrian Cheng, Alina Sayo, Angelo Guerra, Daniel Gutierrez, Erika Culala, Krizchelle Wong, and MJ Cabungcal.

Technologies

React Express NodeJS Javascript HTML CSS GoogleSheets

About

CSSWENG Major Course Output: Client-based Software Solution

Resources

Stars

Watchers

Forks

Languages

  • JavaScript 90.0%
  • CSS 6.1%
  • HTML 3.9%