Decoded is an annual Semester 1 workshop that introduces beginner programmers to React by focusing on building React Widgets which are modular, reusable UI components. Throughout the workshop, students will gain hands-on experience in designing and implementing interactive widgets. Those interested in applying their skills further can participate in Hackiethon, a hackathon where they collaborate and build exciting projects using React.

HOW TO DOWNLOADED

VIDEO TUTORIAL

https://www.youtube.com/watch?v=HIdPpm-0ZNQ&ab_channel=OnlineITtutsTutorials

WRITTEN TUTORIAL

STEP ONE: INSTALLING NODE

React requires Node.js, which comes bundled with npm (Node Package Manager).

📥 Download & Install the latest LTS version from:

Node.js Official Website

STEP TWO: VERIFY INSTALLATION

To check if Node.js and npm are installed properly, run the following commands in your terminal:

node -v  # Check Node.js version
npm -v   # Check npm versio

STEP THREE: SETTING UP THE PROJECT

  1. Download the project folder as a ZIP file from the provided link.
  2. Extract the ZIP file to your desired location.
  3. Open the extracted folder in Visual Studio Code.
  4. Open the terminal in VS Code and run the following commands:
npm install  # Installs dependencies
npm run dev  # Starts the development server