Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions content/docs/guide/fun.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -61,10 +61,6 @@ Now you ask, "_**What can I do on Devfolio?**_ 🤔". Here ya go!

<img src="/assets/image (222).webp" alt="Portfolio showcase" />

### 🏅 Test your skills & earn Devfolio badges

<img src="/assets/image (173).webp" alt="Earn badges" />

### 💻 Showcase your previously built projects

<img src="/assets/image (128).webp" alt="Project showcase" />
Expand Down
4 changes: 2 additions & 2 deletions content/docs/guide/introduction.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,15 +40,15 @@ Delve into the vibrant pulse of the Devfolio community through the Discover Page
Embark on a journey through the realm of creativity and problem-solving with our Hackathon Page. This is your go-to destination for all hackathons hosted on Devfolio. Highlights of this page include:


<img src="/assets/Arcs.gif" alt="Hackathon Page" />
<img src="/assets/Arcs (1).gif" alt="Hackathon Page" />

- 🌟 Spotlight on the next major hackathon in the featured section
- 🔍 Filter by mode (online or in-person), theme, or location using the command palette
- 📋 Comprehensive hackathon details
- 🚀 Quick access to each hackathon's landing page
- ✅ Apply directly to hackathons

[Visit Hackathon Page Here](https://devfolio.co/hackathon)
[Visit Hackathon Page Here](https://devfolio.co/hackathons)


## 🧑‍🚀 Builders Page
Expand Down
4 changes: 3 additions & 1 deletion content/docs/guide/my-devfolio.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,9 @@ description: Your Devfolio Profile Page 🤩

Once you add all the relevant data about yourself, Devfolio provides you with a Profile Page 👇

<img src="/assets/image (180).webp" />
<video width="100%" controls>
<source src="/assets/mydevfolio.mp4" type="video/mp4" />
</video>
<p align="center"><i>Devfolio Profile Page preview</i></p>

If your Devfolio profile is public, it can be viewed at: `https://devfolio.co/@username`
Expand Down
4 changes: 4 additions & 0 deletions content/docs/guide/participating-in-hackathons/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,10 @@ When you decide to join a hackathon, you'll begin with the application process.

Think of this as introducing yourself to the organizers and helping them understand how you might contribute to the event's success.

<Callout type="info" title="New Application Experience">
We rebuilt the Devfolio app flow to be faster, cleaner, and dare we say, fun 👉 [Check it out here!](https://www.notion.so/devfolio/V2-Application-23f56997768d80f0bfa0f3fcfbd76848)
</Callout>

<Card title="Online Hackathons" href="/docs/guide/participating-in-hackathons/online-hackathons" />
<Card title="Online Hackathons with Application Review" href="/docs/guide/participating-in-hackathons/applying-to-online-with-application-review-hackathons" />
<Card title="Offline Hackathons" href="/docs/guide/participating-in-hackathons/offline-hackathons" />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,31 +7,24 @@ description: In online hackathons, you can directly apply to them and straightaw
## Filling out the Application

<figure>
<img src="/assets/wjw.gif" alt="Filling the application form" />
<figcaption>Filling the application form</figcaption>
<iframe
width="100%"
height="400"
src="https://drive.google.com/file/d/1NGKjmzA6K7UO9Lujtm4whvI6qdHweo7K/preview"
title="Application Process Video"
frameBorder="0"
allow="autoplay"
allowFullScreen
/> <br/>
<figcaption>
<p align="center"><i>V2 Application Process Video</i></p>
</figcaption>
</figure>

Your application is successful only after you click on `Submit Application`.

If you don't see this button, scroll down and ensure you’ve answered all the required questions. Look for the `Application Filled - 100%` indicator.



## Dashboard

The dashboard includes the following:

- **Timeline:** Displays key hackathon dates (start, end, and submission deadlines)
- **Announcements:** View important updates from organizers
- **Prizes:** Lists the available prizes and relevant details
- **Submitting Solo:** Allows an individual participant to upload and submit their project
- **Submitting in Team:** Lets a participant create/join a team (if not already done) and then submit the team’s project

<figure>
<img src="/assets/gh.gif" alt="Dashboard for online hackathon participants" />
<figcaption>Dashboard for online hackathon participants</figcaption>
</figure>

<Callout title= "warning"type="warning">
The submission buttons will be enabled only after the submission window begins.
</Callout>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,47 @@ description: How to submit your project at a Devfolio hackathon — including fi

Devfolio allows hackers to submit their hacks with detailed project information — from tech stack to challenges faced.

<Callout type="info" title="New Project Submission Experience">
→ Clear steps
→ Fewer clicks
→ WYSIWYG magic
</Callout>

<Callout type="info" title="Linked to your Devfolio profile">
Projects submitted to Devfolio hackathons will automatically appear on your [Devfolio Profile](/docs/guide/my-devfolio/).
</Callout>

<iframe width="100%" height="400" src="https://www.youtube.com/embed/hBjFAY-uYZU" title="Devfolio Project Submission" frameborder="0" allowfullscreen></iframe>

## 📝 How to Submit a Project at a Devfolio Hackathon

<iframe
width="100%"
height="400"
src="https://drive.google.com/file/d/117_h66lOR9lcEDfPKIrWeXN0DPQjMlzt/preview"
title="Project Submission Guide"
frameBorder="0"
allow="autoplay"
allowFullScreen
/>

### Step 1: Head to Your Hackathon Dashboard

- Log in to your Devfolio account.
- Go to the Hackathon you're participating in.
- Click on **"Add Project"** from your dashboard.

### Step 2: Fill in the Project Details

The editor is fully **WYSIWYG ✨**, meaning what you see is what you get. It's designed to be visual, intuitive, and easier to navigate. You can preview your project as you build it out, making the submission process a lot smoother (and a little more fun!)

### Step 3: Saving & Publishing Your Project ✍️

- **Project Status**: You will be sent to dashboard upon saving or publishing 🔗 [V2 Application](https://nsb.dev/devfolio_application_guide)
You can check your project status - If it is in **`In Draft`** or **`Submitted`**
- **Publish Project**: Once you're satisfied with all the details, click **`Publish Project`** to finalize your submission and make it publicly visible.
- **Edit Project**: Use the **`Edit project`** option from your Hackathon Dashboard to update your draft whenever needed - you can always come back later to review or make changes before the Hackathon Deadline hits.

<img src="/assets/dashboard.webp" alt="Project Submission Guide" />

## 📋 Fields in the Project Submission Form

Expand All @@ -32,22 +66,19 @@ The **first uploaded image** becomes your project’s thumbnail or cover on Devf
</Callout>



## 🌐 Submitting a Project (Online Hackathons)

<Callout type="info" title="Team or Solo Submissions">
In online hackathons, you can submit as an individual or as a team.
</Callout>

### 🧑‍💻 Submit as an Individual
## 🧑‍💻 Submit as an Individual

<Callout type="warning" title="Team admin only">
If you’re in a team, **only the team admin** can submit the project.
Make sure all team members are added **before** submission.
</Callout>



## 🧾 Submitting a Project (Offline & Online With Application Review)

### ✅ Step 1: RSVP Individually
Expand All @@ -68,8 +99,6 @@ Refer to:
Only the **Team Admin** will have the ability to submit the project on behalf of the team.
</Callout>



## 📌 Key Notes

1. ✅ Only **checked-in teams** are allowed to submit.
Expand Down
59 changes: 40 additions & 19 deletions content/docs/guide/settings.mdx
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
---
title: Setting Up Your Devfolio Account
description:
Edit your username/password, find your Devfolio QR Code, make your profile
private, delete your Devfolio Account 🔧
Edit your username/password, make your profile
private, delete your Devfolio Account and much more 🔧
---

<Callout type="info">
{/* <Callout type="info">
If you are enrolled in the Beta program, you will see a slightly different UI. However, the functionality available to you will be the same.
</Callout>
</Callout> */}

You can find the `Settings` option in the drop-down after clicking on your profile in the top-right corner. This gives you access to a wide array of options that you can use to manage your account's visibility and security.
You can find the `Account Settings` option in the drop-down after clicking on your profile in the top-right corner. This gives you access to a wide array of options that you can use to manage your account's visibility and security.

<img src="/assets/image (42).webp" alt="Devfolio settings UI" />

## General Section
## Account Section

In the General section, you can perform a wide array of actions. They are as follows:
In the Account section, you can perform a wide array of actions. They are as follows:

### Change/Add/Remove Your Avatar

Expand All @@ -35,13 +35,17 @@ Once done, click on 'Save' to change your username. If there's no conflict with
Please note that you can change your username only once every 90 days.
</Callout>

### Change Your Password
### Change Your email address

Your password can be changed by clicking on the 'Change password' button. Here, you will be prompted to enter your current password, followed by entering your new password twice (the latter being for confirmation). Once done, you can click on 'Save' to update your password.
You can change your email address by clicking on 'Change email'. This will prompt you to enter your current email address, followed by the new email address you wish to use. Once done, click on 'Save' to update your email address.

<Callout type="info">
Your password must have a minimum of 8 characters. We recommend a healthy mix of uppercase and lowercase letters, numbers, and symbols.
</Callout>
### Link Your Social Media Accounts

You can link your social media accounts to your Devfolio profile by clicking on the 'Link' button next to each social media platform. This will allow you to showcase your work and connect with other builders on the platform. The available platforms include:
* LinkedIn
* Google
* GitHub
* Discord

### Making Your Devfolio Profile Private

Expand All @@ -55,10 +59,22 @@ Your Devfolio profile is a means for you to showcase your work to every builder
Organizers of hackathons that you participate in will also NOT BE able to see your complete profile.
</Callout>

## Notification Section

### ✉️ Email Notification

Configure what kind of email you'd like to receive from Devfolio which include hackathon updates & initiatives.

<img src="/assets/image (43).webp" alt="Devfolio email notification settings" />

## Wallet Section

### Link Your Ethereum Wallet

Please click on 'Link wallet' and follow the steps mentioned in [linking-your-ethereum-wallet](/docs/guide/linking-your-ethereum-wallet)

## Beta Section

### Join The Devfolio Beta

As a Devfolio user, you have the opportunity to become a beta user for the platform and provide feedback on features that are not yet released to the general public. To enroll in the Beta program, please click on the enrollment button and confirm your choice. For any feedback, you can reach out to [email protected].
Expand All @@ -69,17 +85,17 @@ You can view the platform changelog [here](https://devfolio.co/changelog).
Beta features may be unstable. If you prioritise stability, we recommend sticking with the regular Production version of the platform. The beta features will make their way to you shortly!
</Callout>

## 🧾 My Devfolio QR Code

Share this QR Code with your friends to show your Devfolio Profile! You can also check-in with your QR Code in Offline Hackathons when asked for it.
## Security Section

## ✉️ Email Notification
### Change Your Password

Configure what kind of email you'd like to receive from Devfolio which include hackathon updates & initiatives.
Your password can be changed by clicking on the 'Change password' button. Here, you will be prompted to enter your current password, followed by entering your new password twice (the latter being for confirmation). Once done, you can click on 'Save' to update your password.

<img src="/assets/image (43).webp" alt="Devfolio email notification settings" />
<Callout type="info">
Your password must have a minimum of 8 characters. We recommend a healthy mix of uppercase and lowercase letters, numbers, and symbols.
</Callout>

## 🗑️ Delete your Devfolio Account
### 🗑️ Delete your Devfolio Account

You can delete your Devfolio Account in the Settings Tab.

Expand All @@ -88,3 +104,8 @@ Enter your Email ID registered on Devfolio to confirm your account, and proceed
<Callout type="warning" title="Beware!">
This step will result in the permanent deletion of your Devfolio account.
</Callout>





51 changes: 41 additions & 10 deletions content/docs/guide/your-dev-profile.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,21 @@ description: Showcase your projects, skills, and experience on your Devfolio Pro
title: Your Devfolio Profile
---

You can access the Profile tab by clicking on your avatar in the top-right corner, which opens a dropdown menu.
## 📺 How to Set Up Your Profile

<Callout type="info" title="Heads up!">
For Beta users seeing the v2 UI, this button will be called <strong>Edit Profile</strong>.
</Callout>
Watch this video to see how to create an amazing Devfolio profile:

<iframe
width="100%"
height="400"
src="https://drive.google.com/file/d/1-rpS8rHnDEerJkN9rfVB5BMRt5h86pwj/preview"
title="Setting up your Devfolio Profile"
frameBorder="0"
allow="autoplay"
allowFullScreen
/>

You can access the `Edit Profile tab` by clicking on your avatar in the top-right corner, which opens a dropdown menu.

<img src="/assets/image (44).webp" alt="Edit profile button" />

Expand Down Expand Up @@ -45,10 +55,6 @@ This section covers the professional experience in terms of skills and work expe

Add links like a personal website, GitHub, LinkedIn, or any such important links which you wish to display on your Profile. This enables hackathon organizers and profile visitors to see your social links and also helps showcase your online presence. Depending on the link entered, we'll automatically fetch the name of the website.

<Callout type="info" title="Reminder">
Make sure links begin with <code>https://</code> or <code>http://</code> to be registered properly.
</Callout>

<img src="/assets/image (294).webp" alt="Links input" />

### 📞 Contact Section
Expand All @@ -57,10 +63,34 @@ You can add your contact information here. This will be private and only visible

<img src="/assets/image (296).webp" alt="Contact section" />

<Callout type="success" title="Auto Save">
Your changes are saved automatically — no need to hit save!
<Callout type="info" title="Save">
You can save your progress at any time by clicking the save button!
</Callout>

## 🏆 **Highlight Hackathon Wins**

If you've won any prizes, they’ll automatically show up in the **“Stats”** section. Make sure your project submissions are linked to your account.

## 🔥 **Display Your GitHub Activity**

If your GitHub account is linked, your contributions and popular repos will show up directly on your Devfolio profile.

<img src="/assets/stats.webp" alt="GitHub activity stats" />

## 📌 **Pin Past Projects**

You can choose which projects appear as your **“Top Projects”** — use this to curate what visitors see first!

<iframe
width="100%"
height="400"
src="https://file.notion.so/f/f/5bc094c8-987c-4274-938f-8a9d3fad1a04/19a33f68-cb87-4cbe-99b0-2302cbef1003/pinproject.mp4?table=block&id=24056997-768d-8087-ae23-cb0a696c65ba&spaceId=5bc094c8-987c-4274-938f-8a9d3fad1a04&expirationTimestamp=1755216000000&signature=3ghVTQXrXBh5wXiSeAceR23jZhrczsSCwMC3lounuBk&downloadName=pinproject.mp4"
title="Setting up your Devfolio Profile"
frameBorder="0"
allow="autoplay"
allowFullScreen
/>

Congratulations! You have successfully completed your Devfolio Profile! To see how it would look like to the world, click on your username in the top-right corner, and click on ['My Devfolio'](my-devfolio/)

## 🔒 Profile Visibility
Expand All @@ -72,3 +102,4 @@ Your profile is public by default. To make it private, head to the Settings tab:
<Callout type="info" title="Note for Hackathons">
Hackathon organizers will be reviewing your profile. Fill out your profile with your experience and skills for better chances of getting accepted.
</Callout>

Binary file added public/assets/Arcs (1).gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/Builders page.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/dashboard.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (128).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (145).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (222).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (292).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (293).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (294).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (296).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (42).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (43).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (44).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/image (8).webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 0 additions & 3 deletions public/assets/make a team.gif

This file was deleted.

Binary file added public/assets/mydevfolio.mp4
Binary file not shown.
Binary file added public/assets/stats.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading