michalusio / KuneKune

An informational site about KuneKunes
0 stars 0 forks source link

3. Create the frontend solution #4

Closed michalusio closed 7 months ago

michalusio commented 7 months ago

We want to create a React solution in the Frontend folder.

Specifically, the structure should look like:

Frontend

package.json package-lock.json ...other files

To do so, first you have to install Node.js. You can google for it yourself, or use this link:

https://nodejs.org/en/download

After installing it, your console should have access to the npm tool. It's the package manager for managing creation of new JS projects, as well as managing the libraries used by those projects.

Using the command line, go to the Frontend folder and create a new project. There are many ways of creating a JS project. We will be using the Vite bundler with TypeScript (compiled using SWC) and React, so the command to create the project will look like this: npm create vite@latest frontend -- --template react-swc-ts

And... if that doesn't error, it should create the whole project for us 😄

After creating the solution, do not forget to commit the changes and create a PR to the master branch.