meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ixc2024:team_1:start [2024/05/21 13:57] – alestaixc2024:team_1:start [2024/05/27 17:07] (current) – rubenhuygens
Line 1: Line 1:
 ====== The winners wikipage ====== ====== The winners wikipage ======
 +== This hackathon ==
 +
 +**Idea**
 +
 +We are creating a tool for managing the sign-up for the hackathon.\\
 +1) Users should be able to create a profile with some personal details, academic background, skills and interests\\
 +2) Users should be able to join teams\\
 +3) Users should be able to view the existing teams\\
 +
 +
 +
 +
 +== OLD ==
  
 https://excalidraw.com/#room=aa45b775f4991b2a9825,mZCutLbejXBiwi-HpTDSYQ https://excalidraw.com/#room=aa45b775f4991b2a9825,mZCutLbejXBiwi-HpTDSYQ
Line 11: Line 24:
 Instead of hosting your project locally, it is best to deploy your web app online so that it would be accessible. Instead of hosting your project locally, it is best to deploy your web app online so that it would be accessible.
  
-Netlify allows extremely easy and beginner friendly deployment options for frontend projects. +**Netlify** allows extremely easy and beginner friendly deployment options for frontend projects. 
-Just follow the steps below and your app will be online in no time!:-)+Just follow the steps below and your app will be online in no time! :-) 
 + 
 +==== Netlify - Practical Beginner’s Tutorial ==== 
 +=== Registration on Netlify === 
 + 
 +1) Go to https://www.netlify.com  
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.02.01.png?400|}} 
 + 
 +2) Register using your email and use password generator because Netlify has high requirements for password strength.  
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.04.15.png?400|}} 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.04.24.png?400|}} 
 + 
 +3) Verify Netlify’s email that you received in your email inbox and login 
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_10.51.25.png?400|}} 
 + 
 +4) Fill up the questionnaire (what you answer does not really matter) 
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_10.51.41.png?400|}} 
 + 
 +5) Skip the step about deploying a website 
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.11.43.png?400|}} 
 + 
 +=== Deployment on Netlify === 
 + 
 +6) Go to the //Sites// tab and opt for manual deployment it is the most beginner-friendly and most straightforward 
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.13.22.png?400|}} 
 + 
 +7) Open your folder containing the project folder and drag and drop the containing folder into the designated place for manual deployment 
 + 
 +{{:ixc2024:team_1:untitled_drawing_8_.png?400|}} 
 + 
 +8) If you do it well, your website will be uploaded in no time! 
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.16.57.png?400|}} 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.17.05.png?400|}} 
 + 
 +9) You can see information about your deployment 
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.19.14.png?400|}} 
 + 
 +10) Go to the //Site configuratio//n tab and click on the link of your deployed website or app 
 + 
 +{{:ixc2024:team_1:screenshot_2024-05-21_at_14.19.23.png?400|}} 
 + 
 +11) Enjoy using your newly deployed app 
 + 
 +{{:ixc2024:team_1:deployed_website.jpg?400|}} 
 + 
 +12) For further deployment and development go to //Deploys// tab and continue with manual drag and drop deployment of your project.
  
 +{{:ixc2024:team_1:untitled_drawing_9_.png?400|}}