Setting Up Your Development Environment

1. VSCode (Visual Studio Code)

Download and install: VSCode

Essential Extensions:

ESLint

Prettier

Material-UI Snippets

GitLens

Live Server

[VSCode Documentation](https://code.visualstudio.com/docs)

2. Node.js and npm

Download and install: Node.js

Check installation:

node -v
npm -v

3. Git

Download and install: Git

Basic setup:

git config --global user.name "Your Name"
git config --global user.email "you@example.com"

Git Documentation

4. Create React App

Setting up a new React project:

npx create-react-app my-hackathon-app
cd my-hackathon-app
npm start

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