Jovian
Sign In

Project - Build Your Personal Website

Web Development with HTML and CSS

←

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.

Submit
Deployed Website Link (Required)
GitHub Repository Link (Required)
You can submit multiple times. Only your last submission will be evaluated.

Evaluation Criteria

  • 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, Footer)
  • The website should contain at least one form (e.g. on the contact 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)