CodeCatalyst : One place for hackathons.

This is a submission for the Wix Studio Challenge: Community Edition.

Code Catalyst

Code Catalyst is a place where developers can participate in hackathons. This is a place where recruiters can see the talent and from where developers can also build relations with other developers.

Demo

Link :

1. Home Screen : This is the home page.
   

2. Hackathons Page : This is the page where developers can find all the hackathons.
   

3. Hackathon Page : This is the page where the developer can find all the details regarding a particular hackathon. Here they can register and submit their submission.
   

4. User Page : This is the page where they can view their own data. This is public so that they can share it as well. All the projects and their bio will be listed here.
   

5. Discuss Page : This is a forum for the developers to discuss stuff.
   

6. Spaces Page : This is for the developers to create groups and chat about anything.
   

Development Journey

Even though I did not have much time for the hackathon , I think I was able to built up a pretty decent website. This was something I was planning to do so in a long time. I am working at a company and there was a plan to hire talented individuals. My suggestion was to start hackathons and hire from the talent list.

Really tough part was the data for the hackathon. This took a lot of time , then finally a miracle from God. I found the api to get the hackathons of devpost. I found it in the inspect .

What I really liked about Wix was it had pretty much everything I needed or which I lacked.
I am not really good at UI design and Figma but Wix helped me design a little bit.
I did not know that Wix allowed us to import npm packages, that was mind blowing. I used jsPdf to generate the pdf resumes for the users. But for some reason it was not printing.

I really loved the Wix Ide. I think it can come up with some significant developments in the future. Some of them being :

1. Integrating with VS Code and syning directly from it.
2. The layers tab in the Wix Studio if it comes in the Wix IDE as well, then I wouldn't need to shift between.
3. More control over the styling of the apps. Like the wix forum is awesome, but it would be more awesome , if the whole for the wix forum was in a folder and the folder can be accessed by the user/developer , so that the developer can make some advanced changes to it.

Velo api's was the one that really caught my attention. I did not know wix has a code editor. I took most of my time to go through the documentation than doing the project. Silly Me.

Much love to WIX team ❤️. Even though I have not finished much of the project , I was able to delve into a version of wix that much people has not got into.

Velo APIs

1. wix-data -> To play around with the CMS.
2. wix-location-frontend -> To navigate to pages.
3. wix-members-frontend -> To get the current login member
4. wix-window-frontend -> To open up some light boxes.
5. import {jsPDF} from 'jspdf' (Not really a wix api) But part of npm packages by velo.

Wix Apps

1. Wix Members -> For the members of the website.
2. Groups -> For the members to create groups and discuss.
3. Forum -> For the members to post to the general and share and gather info.

Not much but really a good experience. Thanks Jesus❤️.

The above is the detailed content of CodeCatalyst : One place for hackathons.. For more information, please follow other related articles on the PHP Chinese website!