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:55] – 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 8: Line 21:
 ====== Hosting ====== ====== Hosting ======
  
 +Just like backend, frontend project has to be hosted so that the users could access it online.
 +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.
 +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|}}