Resources - periode/augmenting-gallery GitHub Wiki

Technical Resources

Wireframes

HTML & CSS

General

Flexbox and layout

Responsive design and media queries

React

Installing and running React

These following steps should only be done once, when you want to create a new project.

  1. Install NodeJS.
  2. Open a Terminal and type which node. You should see one single line showing you where Node is installed.
  3. Navigate to the folder you want to create the React App in. Use cd to enter the folder, cd .. to go back to the parent folder, ls to list the contents of the folder, and mkdir NAME_OF_FOLDER to create a folder. For instance, cd Desktop goes to the Desktop and mkdir my-react-app creates a folder, and cd my-react-app enters that folder.
  4. Once you're inside the desired folder, use to npm create vite@latest NAME_OF_PROJECT --template react
  5. First choice, select React
  6. Second choice, select JavaScript

That's it! The project is created inside the folder NAME_OF_PROJECT. To run an existing project, do the following steps:

  1. cd NAME_OF_PROJECT
  2. npm install (which should install all plugins needed)
  3. npm run dev which will start the React server!

Tutorials

React Native