meta data for this page
Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
ixc2024:tech:wfrontend:start [2024/05/26 20:13] salsabeel-tn |
ixc2024:tech:wfrontend:start [2024/08/26 06:59] (current) rubenhuygens |
||
---|---|---|---|
Line 10: | Line 10: | ||
== Requirements == | == Requirements == | ||
- | * Use **React** as a frontend framework for developing your Web Application | + | * Use **React** as a frontend framework for developing your Web Application. |
* Use **Netlify** to deploy your Web Application | * Use **Netlify** to deploy your Web Application | ||
- | |||
- | == Best practices / suggestions == | ||
- | |||
- | * Manage the codebase using **GitHub** for the purpose of collaborative development, | ||
- | * **VScode** is the recommended IDE because of its ease of use and global acceptance | ||
- | * Use **MaterialUI** for designing your Web Application and for making it accessible to variety of users with possible different impairments (visual impairment) and different use cases (PC, laptop, smart phones of different sizes, tablets) MaterialUI' | ||
== Prerequisites == | == Prerequisites == | ||
Line 24: | Line 18: | ||
* CSS ([[https:// | * CSS ([[https:// | ||
* JavaScript ([[https:// | * JavaScript ([[https:// | ||
- | * Sustainability on the web ([[https:// | + | * Sustainability on the web ([[https:// |
+ | |||
+ | |||
+ | == Best practices / suggestions == | ||
+ | |||
+ | * Manage the codebase using **GitHub** for the purpose of collaborative development, | ||
+ | * **VScode** is the recommended IDE because of its ease of use and global acceptance | ||
+ | * Use **MaterialUI** for designing your Web Application and for making it accessible to a variety of users with possible different impairments (visual impairment) and different use cases (PC, laptop, smartphones of various sizes, tablets) MaterialUI' | ||
==== Let’s get started! ==== | ==== Let’s get started! ==== | ||
== Go through each page to get familiar with project phases and tools: == | == Go through each page to get familiar with project phases and tools: == | ||
- | - [[ixc2024:Tech:WFrontend:Project_Planning: | + | - [[ixc2024:tech:wfrontend:Ideation|Ideation]] |
- | - [[ixc2024:Tech: | + | - [[ixc2024:tech:wfrontend:Teamwork|Teamwork]] |
- | - [[ixc2024: | + | |
- [[ixc2024: | - [[ixc2024: | ||
- [[ixc2024: | - [[ixc2024: | ||
- [[ixc2024: | - [[ixc2024: | ||
+ | - [[ixc2024: | ||
- [[ixc2024: | - [[ixc2024: | ||
Line 42: | Line 44: | ||
* **Stay Organized**: | * **Stay Organized**: | ||
* **Seek Feedback**: Get feedback from mentors and peers to improve your project. | * **Seek Feedback**: Get feedback from mentors and peers to improve your project. | ||
- | * **Have Fun**: | + | * **Have Fun**: |