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:12] salsabeel-tn [Good luck with your hackathon! Build something amazing and have fun!] |
ixc2024:tech:wfrontend:start [2024/08/26 06:59] (current) rubenhuygens |
||
---|---|---|---|
Line 2: | Line 2: | ||
==== Before you start ==== | ==== Before you start ==== | ||
Welcome to the **ImpactXchange hackathon**!: | Welcome to the **ImpactXchange hackathon**!: | ||
- | Here, we aim to tackle pressing sustainability challenges by leveraging technology and innovative thinking. You will work on creating green-coded software solutions addressing issues such as the digital divide and cultural dilution. This hackathon is designed to foster interdisciplinary collaboration among students, blending technical skills with insights from sustainability, | + | |
+ | Here, we aim to tackle pressing sustainability challenges by leveraging technology and innovative thinking. You will work on creating green-coded software solutions addressing issues such as the digital divide and cultural dilution. | ||
+ | This hackathon is designed to foster interdisciplinary collaboration among students, blending technical skills with insights from sustainability, | ||
\\ | \\ | ||
{{: | {{: | ||
Line 8: | 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 22: | 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 40: | 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**: |