meta data for this page
  •  

This is an old revision of the document!

Setting Up Your Development Environment

1. VSCode (Visual Studio Code)

  1. Download and install: VSCode
  2. Essential Extensions:
    1. ESLint
    2. Prettier
    3. Material-UI Snippets
    4. GitLens
    5. Live Server
  3. [VSCode Documentation](https://code.visualstudio.com/docs)

2. Node.js and npm

  1. Download and install: Node.js
  2. Check installation:
   node -v
   npm -v

3. Git

  1. Download and install: Git
  2. Basic setup:
   git config --global user.name "Your Name"
   git config --global user.email "you@example.com"
  1. Git Documentation

4. Create React App

  1. Setting up a new React project:
   npx create-react-app my-hackathon-app
   cd my-hackathon-app
   npm start
  1. Create React App Documentation

5. Material-UI

MaterialUI reduces your workload by providing some basic UI components so that you don’t have to write them yourself.

- Install Material-UI: 

   npm install @mui/material @emotion/react @emotion/styled @mui/icons-material

- Material-UI offers a wide range of components, view them at https://mui.com/material-ui/all-components/

- Material-UI Documentation