Built with
Developer Experience
Before starting off, please download VisualStudioCode to be used for this project as we will be using extensions from VisualStudioCode for better DX, if you haven't already done so, for macOS users please follow this guide while windows users can follow this guide
- Just like any other project, first clone the project into your directory of choice
git clone https://github.com/teojiesern/ShuttleStop-FE.git- Make sure you are in the directory of the cloned project before proceeding
cd ShuttleStop-FE- Remember to run the following command to make sure you have the latest packages
npm install- To have a look at your app, simply run
npm run devAfter that go to http://localhost:5173/, and you should see the website being developed
- Note If you are using macOS, you might need to run the following script to grant execution access to run the setup script.
# This line will grant permission to run the script
chmod +x ./scripts/setup.sh- After that, run the following script to install extensions that will be needed throughout the whole project
./scripts/setup.shhttps://github.com/r5n-dev/vscode-react-javascript-snippets/blob/HEAD/docs/Snippets.md
addMissingImportson save does not work because we are not using .ts, however you can manually enable it by enabling type checking in js through the following comment, known limitation here
// @ts-check
... the rest of the content