KanapongAiamtip / lancome

a website will help people who want to see how to get from a BTS or MRT station to another BTS or MRT station

Lancôme 🚆 💗 💗 💗 🚇

A Website will help people who want to see how to get from a BTS or MRT station to another BTS or MRT station.

Our project consists of

• Lancôme.com: Frontend application.

Technology stack. 🎈 🎈 🎈

Lancôme

• Preactjs for creating frontend application.
• Vite for building our frontend Preactjs application.
• Buefy to manage our frontend application's stylings.
• Tailwindcss for styling our application.
• ESLint to keep our TypeScript stylings constant throughout the project.
• Stylelint to keep our SCSS stylings constant throughout the project.

Our main language of development is TypeScript

Prequistics. 💡

Check the required versions. 📌 📌 📌

First, check the required versions.

• Node.js v18 or higher. You can check by typing

  node -v
  

  into the terminal.
• npm v9 or higher. You can check by typing

  npm -v
  

  into the terminal.

You can download Node.js here (download the LTS version).

When Node.js is installed, upgrade npm by running

npm i -g npm@latest

Running the application. 🔎

pnpm install

to install dependencies in the project.

Then, open 2 terminals and run these commands from the root of the project.

Terminal #1
pnpm run dev

You will see the webserver runs at http://localhost:5173