CURE Example Site

Tools

1. React.js (18) with TypeScript

2. Next.js (14)

3. Tailwind CSS

4. MUI

How to run the project

1. Clone the project using git clone command

2. Run npm install to install all the dependencies

3. Run npm run dev to run project in development mode

Things to learn

1. HTML/CSS (MDN, CSS-Tricks)

   • basic elements (HTML)
   • box model (CSS)
   • display type (CSS)
   • text styling (CSS)
   • flexbox (CSS)
   • media query (CSS, Responsive)
   • responsive design (concept, breakpoint)

2. JavaScript (MDN, javascript.info)

   • basics
   • Array/Object
   • ES6
   • ES Module, CommonJS
   • Node.js project structure

3. React (react.dev/learn topic 1 Describing the UI, 2 Adding Interactivity)

   • JSX Markup
   • props
   • state

4. Next.js (App Router, Next.js Docs)

   • project structure
   • basic routing
   • server component, client component

5. Git & GitHub

   • installing and configuration
   • basic local commands
   • branching and merging