Inspiration
We wanted to help users who are new to making webpages have the opportunity to learn what code goes into a webpage, and how a user's inputs affect a webpage.
What it does
We take in a user's inputs to populate the create portion of our webpage. As we do this, we then show images of our code snippets to show them how we made the change to the button they made. The user needs to run npm run dev in the frontend folder and npm start in the backend folder.
How we built it
We built the webpage using VS Code with the help of a GitHub repository. We used node and vite to run our code locally.
Challenges we ran into
We were not able to connect our front and back end, so we could not allow the user to make a button. With this we switched gears and showed code and added text explaining what we did and how the code is implemented. Our code snippets would also not show up on the webpage, so we had to show it in the video.
Accomplishments that we're proud of
We are proud that we were able to make a functioning webpage in such a short time frame. It was also nice to learn how to work together in teams!
What we learned
We learned how to make a front and back end and how to edit css rules. We did a lot of learning through the mdn web docs when doing the hackathon.
What's next for EZ Web Dev
To be determined.
Log in or sign up for Devpost to join the conversation.