Learn practical skills, build real-world projects, and advance your career

Build Your Personal Website

Your objective is to build a personal website using the tools & techniques covered in this course.

Guidelines:

  • Check out the Figma community or Dribble to find a good design you can implement
  • The website should contain at least two pages (e.g. "Home" & "Contact")
  • The home page should have at least 4 sections (e.g. Hero, About, Projects/Career, Footer)
  • The website should contain at least one form (e.g. on the contact page)
  • Start by first creating a wireframe using Excalidraw and then implement the page
  • The website must be responsive and easily viewable on mobile, tablet, and desktop
  • You can use the Bootstrap or any other CSS framework to build the website
  • Use https://formbold.com or set up a Express server to collect form responses
  • Use consistent & aesthetically pleasing colors, fonts, and design elements
  • You need not replicate a design exactly, just try to make your site look good
  • The website should be deployed to Vercel & you can optionally connect a custom domain
  • All the information on the website should be true & accurate (so you can link it from your Resume)

Examples (for inspiration):

  1. https://www.figma.com/community/file/1146302275106168664
  2. https://www.figma.com/community/file/1086024030383521478
  3. https://www.figma.com/community/file/1046281425042561033
  4. https://www.figma.com/community/file/1086879117113975685/Personal-Portofolio-Website
  5. https://www.figma.com/community/file/1147177840151301665
  6. https://www.figma.com/community/file/1013537793691755947
  7. https://www.figma.com/community/file/1172625725078742295
  8. https://www.figma.com/community/file/1046729672969016441/Personal-Portfolio-Website
  9. https://www.figma.com/community/file/1046774896977796231
  10. https://www.figma.com/community/file/1046281425042561033
  11. https://www.figma.com/community/file/1031607501677385411
  12. https://www.figma.com/community/file/1144519064091466465
  13. https://www.ashishkankal.com/
  14. https://aakanksha-ns.github.io/
  15. https://karpathy.ai/
  16. https://www.youtube.com/results?search_query=personal+website+html+css

TIP: You can go beyond the scope of work described above, but make sure to first implement everything mentioned above, make a submission, and only then continue building on top of it.

print('Hello World')