Automatic portfolio builder

This hack is used to build your portfolio in minutes without knowing the knowledge of any programming languages like HTML ,CSS , Javascript and PHP.

Comment

Inspiration

When I was in my 1st year of B-tech I wanted to build a portfolio of my own🤔, I have got no knowledge of web development 😢 and slowly I learned about making websites then I thought of making a automatic portfolio builder 😓 to help the people who have no knowledge related to web development.

What it does

It builds a portfolio based upon the response of user. User has to fill a form which includes Name, Education , Hobbies, Skills etc.. So that the portfolio will be generated upon the response😁.

How we built it

Frontend : 🐶 I used Figma 😜 to build the interface and using a plugin called locofi.ai converted the template into the code in HTML, CSS.

Backend : 🐶 For changing the webpages I used the onclick() function of Javascript. 🐶 Retrieving the variables from the form and combining all the files I used PHP.

Challenges we ran into

🐱 It was a bit hard to create the interface rich. 🐱 Retrieving the details from the first page to second page was a bit difficult.

Accomplishments that we're proud of

🐾 I happy to help the people who doesn't have the basic of web development to built their portfolio of their own😊. 🐾 I am proud of building the automatic portfolio builder 🙌 from the scratch in no time.

What we learned

💀 I have learned many things from this hackathon that I have to build it in roughly 2 days😓. 💀 I learned about integrating frontend and backend 😊.

What's next for Automatic portfolio builder

I think I would like to add a button called view code so that user could download the source code for this😉.

Built With

Share this project:

Updates