{{:ixc2024:tech:backend:screenshot_2024-05-23_103333.png?400|}}
==== Before you start ====
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, design, and business.
\\
{{:ixc2024:tech:wfrontend:map.png?400|}}

== Requirements ==

  * Use **React** as a frontend framework for developing your Web Application. 
  * Use **Netlify** to deploy your Web Application

== Prerequisites ==
Before starting this hackathon, you should have a basic understanding of:
   * HTML ([[https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics|Read More]])
   * CSS ([[https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics|Read More]])\\
   * JavaScript ([[https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics|Read More]])\\
   * Sustainability on the web ([[https://rootwebdesign.studio/articles/what-is-sustainable-web-design/|Read article]]) (Second week)


== Best practices / suggestions ==

  * Manage the codebase using **GitHub** for the purpose of collaborative development, we recommend **GitHub Desktop** for beginners
  * **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's already ready components increase the development speed and lead to a cleaner, more understandable code


==== Let’s get started! ====
== Go through each page to get familiar with project phases and tools: ==
   - [[ixc2024:tech:wfrontend:Ideation|Ideation]]
   - [[ixc2024:tech:wfrontend:Teamwork|Teamwork]]
   - [[ixc2024:Tech:WFrontend:Environment:start|Setting Up Your Development Environment]]
   - [[ixc2024:Tech:WFrontend:Implementing Planning:start|Implementing Your Solution]]
   - [[ixc2024:Tech:WFrontend:Deploying:start|Deploying Your Solution]]
   - [[ixc2024:Tech:WFrontend:Criteria:start|Green Coding]]
   - [[ixc2024:Tech:WFrontend:Resources:start|Resources]]

==== Good luck with your hackathon! Build something amazing and have fun! ====
== Remember ==
  * **Collaborate Effectively**: Use Git for version control and collaboration. Regularly push your code and resolve conflicts promptly.
  * **Test Early and Often**: Test your application thoroughly to catch bugs early.
  * **Stay Organized**: Keep your codebase and tasks organized. Regularly review and refactor your code.
  * **Seek Feedback**: Get feedback from mentors and peers to improve your project.
  * **Have Fun**: The most important is to have fun and learn something along the way!=)


==== Partners ====

  * [[https://www.lut.fi/en|Lappeenranta-Lahti University of Technology]]
  * [[https://sunwayuniversity.edu.my|Sunway University]]
  * [[https://www.utu.fi/en|Turku University]]