Welcome to Hackers@UPC recruiting landing page source code, made in Next.js.
This website is in Catalan due the main target audience is the UPC students.
Go to the file src/app/data/hero_data.ts
and change two parameters:
- applicationsLink should be the link to the new typeform for the current edition.
- applicationsOpen should be true.
Go to the file src/app/data/hero_data.ts
and change the parameter applicationsOpen to false.
This landing page have 4 sections apart from the hero and the footer. The sections are:
In this section you can find all the data in the src/app/data/cards_data.ts
file, you can change the data in this file to change the information in the landing page.
Also in these sections there are videos and photos, that can be found in the public
folder. It's necessary to add the photo if it's added as a photo or video in the data file. Photos should be added in the public/photos
folder and in ratio 1:1, and videos in the public/videos
folder.
In this section you can find all the data in the src/app/data/departments_data.ts
file, you can change the data in this file to change the information in the landing page.
In this section you can find all the data in the src/app/data/hackers_data.ts
file, you can change the data in this file to change the information in the landing page.
In this section you can find all the data in the src/app/data/socials_data.ts
file, you can change the data in this file to change the information in the landing page.
In this section you will see we are using the font-awesome
icons, you can find all the icons in the font-awesome website.
- Install Node.js (v20.9.0 or newer) in your computer.
- Have a text editor or IDE installed, like Visual Studio Code or WebStorm.
-
Clone the repository
git clone https://github.com/hackupc/recruiting.git
-
Install the dependencies
npm install
-
Run the development server
npm run dev
-
Open http://localhost:3000 with your browser to see the result.
The page auto-updates as you edit the file. If it's not working maybe you need to check your configurations, it's for sure working in Chrome (mac and windows) and mozilla (linux)
We are using eslint
and prettier
to lint and format the code, you can run the following commands to check if the code is correctly formatted and linted:
npm run lint
npm run format
This commands will make changes in your code, if you simply want to check if the code is correctly formatted and linted, you can run the following commands:
npm run check-lint
npm run check-format
The app is being deployed in Netlify, the deployment is automatic when a new commit is pushed to the master
branch. But it's generating previews for every pull request, so you can see the changes before merging.