# Survey Form

**URL:** <https://group.classcentral.com/t/survey-form/22164>\
**Category:** Web Development Bootcamp\
**Created:** [January 15, 2022, 3:06am UTC](https://group.classcentral.com/t/survey-form/22164 "2022-01-15T03:06:02Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![rico0420022693330](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/rico0420022693330/32/4698_2.png) [@rico0420022693330](https://group.classcentral.com/u/rico0420022693330)\
**Post date:** [January 15, 2022, 3:06am UTC](https://group.classcentral.com/t/survey-form/22164/1 "2022-01-15T03:06:02Z")

</div>

Has anyone else completed the Survey Form challenge. I finished mine some time ago and was prepared before the bootcamp even started. Let me know what you guys think of it. It is fully functional and I can see the data that you guys submit 😀 [Anime Survey Form](https://animesurvey.netlify.app/)

---

<div class="post-metadata">

**Author:** ![chrisbrown2698761](https://avatars.discourse-cdn.com/v4/letter/c/7feea3/32.png) [@chrisbrown2698761](https://group.classcentral.com/u/chrisbrown2698761)\
**Post date:** [January 15, 2022, 5:01am UTC](https://group.classcentral.com/t/survey-form/22164/2 "2022-01-15T05:01:20Z")

</div>

😅 wow I’m sitting here working on mine and realized we has the same idea lol

---

<div class="post-metadata">

**Author:** ![rico0420022693330](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/rico0420022693330/32/4698_2.png) [@rico0420022693330](https://group.classcentral.com/u/rico0420022693330)\
**Post date:** [January 15, 2022, 5:36am UTC](https://group.classcentral.com/t/survey-form/22164/3 "2022-01-15T05:36:13Z")

</div>

Go ahead bro, GREAT MINDS THINK ALIKE!

---

<div class="post-metadata">

**Author:** ![gmisah13](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/gmisah13/32/4330_2.png) [@gmisah13](https://group.classcentral.com/u/gmisah13)\
**Post date:** [January 15, 2022, 3:48pm UTC](https://group.classcentral.com/t/survey-form/22164/4 "2022-01-15T15:48:40Z")

</div>

Hi there working on mine now, what did you use to make it a website? mine is just CodePen

---

<div class="post-metadata">

**Author:** ![kuska](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/kuska/32/4238_2.png) [@kuska](https://group.classcentral.com/u/kuska)\
**Post date:** [January 15, 2022, 4:25pm UTC](https://group.classcentral.com/t/survey-form/22164/5 "2022-01-15T16:25:07Z")

</div>

I think you have a hint in the web address: [Netlify](https://www.netlify.com/)

---

<div class="post-metadata">

**Author:** ![kuska](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/kuska/32/4238_2.png) [@kuska](https://group.classcentral.com/u/kuska)\
**Post date:** [January 15, 2022, 11:11pm UTC](https://group.classcentral.com/t/survey-form/22164/6 "2022-01-15T23:11:55Z")

</div>

This is my project for [the survey form](https://koziokuska.eu/survey/index.html)

![luigi](https://us1.discourse-cdn.com/flex016/uploads/ccstudygroup/original/2X/6/67216df2e7e02a4dcba7cc02de5721f63baa74ab.jpeg)

---

<div class="post-metadata">

**Author:** ![rico0420022693330](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/rico0420022693330/32/4698_2.png) [@rico0420022693330](https://group.classcentral.com/u/rico0420022693330)\
**Post date:** [January 15, 2022, 11:40pm UTC](https://group.classcentral.com/t/survey-form/22164/7 "2022-01-15T23:40:11Z")

</div>

I posted it as a repository on GitHub and deployed it with Netlify. If you need some help with the process let me know. It’s not very hard and teaches you the git process.

---

<div class="post-metadata">

**Author:** ![rico0420022693330](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/rico0420022693330/32/4698_2.png) [@rico0420022693330](https://group.classcentral.com/u/rico0420022693330)\
**Post date:** [January 15, 2022, 11:42pm UTC](https://group.classcentral.com/t/survey-form/22164/8 "2022-01-15T23:42:24Z")

</div>

Love the idea, I would optimize it for mobile view a little bit more though my friend, outside that it’s perfect, good work.

---

<div class="post-metadata">

**Author:** ![tabethaosborn2668102](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@tabethaosborn2668102](https://group.classcentral.com/u/tabethaosborn2668102)\
**Post date:** [January 16, 2022, 1:53am UTC](https://group.classcentral.com/t/survey-form/22164/9 "2022-01-16T01:53:05Z")

</div>

Mine isn’t as pretty as yours, but it passed 17/17. Should this be 100%? I entered the codepen url into the solution url box and then clicked “I’ve completed this challenge.”

 ![Screen Shot 2022-01-15 at 7.49.22 PM](https://us1.discourse-cdn.com/flex016/uploads/ccstudygroup/original/2X/d/df208df2b30fd17d37095721e9f5857a83b0179c.png)

---

<div class="post-metadata">

**Author:** ![kuska](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/kuska/32/4238_2.png) [@kuska](https://group.classcentral.com/u/kuska)\
**Post date:** [January 16, 2022, 6:31am UTC](https://group.classcentral.com/t/survey-form/22164/10 "2022-01-16T06:31:23Z")

</div>

> Mine isn’t as pretty as yours, but it passed 17/17. Should this be 100%? I entered the codepen url into the solution url box and then clicked “I’ve completed this challenge.”

Not sure what’s that with those percentages. I had 40% but maybe this is the overal progress of your tasks? Algorithm only checks your user stories so it can’t be about estetic values…

---

<div class="post-metadata">

**Author:** ![christinawong2671498](https://avatars.discourse-cdn.com/v4/letter/c/e56c9b/32.png) [@christinawong2671498](https://group.classcentral.com/u/christinawong2671498)\
**Post date:** [January 16, 2022, 7:00am UTC](https://group.classcentral.com/t/survey-form/22164/11 "2022-01-16T07:00:06Z")

</div>

I also used codepen, but would love to change it to a more functional survey like yours. If it’s not too much trouble, can you briefly walk me through how you did it on Github \> Netlify?

---

<div class="post-metadata">

**Author:** ![rico0420022693330](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/rico0420022693330/32/4698_2.png) [@rico0420022693330](https://group.classcentral.com/u/rico0420022693330)\
**Post date:** [January 16, 2022, 7:32am UTC](https://group.classcentral.com/t/survey-form/22164/12 "2022-01-16T07:32:25Z")

</div>

1. Write the code for your website, HTML,CSS, JS if needed
2. Create Github account and learn how to publish a Repository
3. Create Netlify account and go on Youtube and search “How to deploy on Netlify”

If you do these three steps you will be posting your own websites in no time. I still use codepen for small projects that are non responsive. I only deploy stuff I plan on showing to friends, family, potential clients, and future employers.

---

<div class="post-metadata">

**Author:** ![gmisah13](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/gmisah13/32/4330_2.png) [@gmisah13](https://group.classcentral.com/u/gmisah13)\
**Post date:** [January 16, 2022, 3:17pm UTC](https://group.classcentral.com/t/survey-form/22164/14 "2022-01-16T15:17:31Z")

</div>

Alright thanks, next question would be how?..lol the Survey test only recommended CodePen if I recall correctly…

---

<div class="post-metadata">

**Author:** ![gmisah13](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/gmisah13/32/4330_2.png) [@gmisah13](https://group.classcentral.com/u/gmisah13)\
**Post date:** [January 16, 2022, 3:18pm UTC](https://group.classcentral.com/t/survey-form/22164/15 "2022-01-16T15:18:19Z")

</div>

Can you show how? Or where did you learn that?

---

<div class="post-metadata">

**Author:** ![rico0420022693330](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/rico0420022693330/32/4698_2.png) [@rico0420022693330](https://group.classcentral.com/u/rico0420022693330)\
**Post date:** [January 16, 2022, 11:53pm UTC](https://group.classcentral.com/t/survey-form/22164/16 "2022-01-16T23:53:22Z")

</div>

1. To get started with Github [Git & GitHub Crash Course For Beginners](https://youtu.be/SWYqp7iY_Tc)  
**Expand understanding [Git and GitHub for Beginners - Crash Course Free Code Camp](https://youtu.be/RGOj5yH7evk)**
2. Deploying with Netlify [Deploy Your Website In Minutes With Netlify](https://youtu.be/gaC-l9MAE9Q)  
**Expand understanding [Deploy Websites In Seconds With Netlify](https://youtu.be/bjVUqvcCnxM)**

The videos after the numbers are one’s that I have actually used to understand the process, the **Expand understanding** section is for you to have a solid grasp on the concepts provided. Watch these videos and take notes. Originally I used github pages and already understood the process before using Netlify, believe me github pages wasn’t as beginner friendly as Netlify is, that’s why I ended up using it 😀 watch the videos, take notes, and happy coding bro!

---

<div class="post-metadata">

**Author:** ![tabethaosborn2668102](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@tabethaosborn2668102](https://group.classcentral.com/u/tabethaosborn2668102)\
**Post date:** [January 17, 2022, 4:05am UTC](https://group.classcentral.com/t/survey-form/22164/17 "2022-01-17T04:05:02Z")

</div>

Thanks for responding. I’m not sure why it passes 17/17, but only shows 20% complete on project. Interesting yours did 40%. Maybe it’s a glitch and won’t matter in the end.

---

<div class="post-metadata">

**Author:** ![rico0420022693330](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/rico0420022693330/32/4698_2.png) [@rico0420022693330](https://group.classcentral.com/u/rico0420022693330)\
**Post date:** [January 17, 2022, 5:01am UTC](https://group.classcentral.com/t/survey-form/22164/18 "2022-01-17T05:01:36Z")

</div>

I’ve done more of the challenges, I don’t know if that’s why. I’m already on the nutrition build

---

<div class="post-metadata">

**Author:** ![chingtangwang2688212](https://avatars.discourse-cdn.com/v4/letter/c/edb3f5/32.png) [@chingtangwang2688212](https://group.classcentral.com/u/chingtangwang2688212)\
**Post date:** [January 17, 2022, 8:07am UTC](https://group.classcentral.com/t/survey-form/22164/19 "2022-01-17T08:07:22Z")

</div>

Damn bro u totally nailed this project! Congrats!

---

<div class="post-metadata">

**Author:** ![hamzahashim2675856](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/hamzahashim2675856/32/2899_2.png) [@hamzahashim2675856](https://group.classcentral.com/u/hamzahashim2675856)\
**Post date:** [January 17, 2022, 10:05am UTC](https://group.classcentral.com/t/survey-form/22164/20 "2022-01-17T10:05:38Z")

</div>

Good Work Keep Going

---

<div class="post-metadata">

**Author:** ![Ziggi\_747](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/ziggi_747/32/1790_2.png) [@Ziggi\_747](https://group.classcentral.com/u/Ziggi_747)\
**Post date:** [January 17, 2022, 10:19am UTC](https://group.classcentral.com/t/survey-form/22164/21 "2022-01-17T10:19:09Z")

</div>

Just remember that there are 5 projects to complete.  
Completing one project will give you 20%.

[Next page](https://group.classcentral.com/t/survey-form/22164.md?page=2)
