inflearn logo

[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS

We create a project site to create and distribute a psychological test site using only HTML/JS/CSS.

(4.8) 145 reviews

5,393 learners

Level Basic

Course period Unlimited

HTML/CSS
HTML/CSS
JavaScript
JavaScript
Bootstrap
Bootstrap
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Bootstrap
Bootstrap
Thumbnail

News

2 articles

  • pandacoding님의 프로필 이미지

    Hello. This is Panda Coding :)

    This is my first project-based lecture, and I was truly surprised that more people than I expected showed interest.

    While conducting this MBTI project lecture,

    We received feedback that we would like to store the results of respondents who accessed that link separately.

    Unlike this project that simply deals with HTML/JS/CSS,

    To solve this problem, you need to know how to build and deploy a server.

    https://www.mbtifriends.site/

    I created a project that stores user responses and allows anyone to access them and create their own links.

    The server was built using Express, the DB was built using MongoDB, and ejs syntax was used.

    When you create a link, you can give yourself your own link and check the results according to that link.

    I am planning a lecture based on this project.

    Since the level of difficulty is considerably higher than the current lecture, it will likely be conducted in parallel with the theory.

    I am writing this post to hear the opinions of students who have taken my class.

    I will listen with gratitude in any direction.

    I would really appreciate it if you could comment on this post or send me feedback at nani6765@gmail.com!

    Then I hope you have a nice day today :)

    Happy Coding!

    1
  • pandacoding님의 프로필 이미지

    Hello, this is Panda Coding!

    I am writing this to leave a notice for those taking the 10 Minutes a Day Web Project class.

    How to implement the Answer area in QnA as an image instead of a button,

    A student left me a question.

    I thought this was a really good question, so I recorded an additional video to share this with others.

    I uploaded the lecture as a [Questions and Answers] section.

    While watching this video, I would like to develop the website further with my own ideas,

    If you have any difficulties implementing it, please feel free to ask questions :)

    I will answer to the best of my ability, and if necessary, I will record a video like I am doing now and upload it as a lecture.

    This is also a Q&A section created just for that occasion!

    Then, have fun coding today too :)

    - Panda Coding Dream

    1

Free