Website Project Ideas

Having trouble finding a project topic? Here are some ideas!

Each idea has a list of possible features that you could work on. You would not need to include every possible feature, and the website will not necessarily be a fully functional site. But you can get part of the way there as you learn more tools.

Restaurant Website

  • Restaurant description, hours, pictures
  • Provide a menu for users to view
  • Allow users to make reservations online
  • Contact us page for sending in comments or questions: save them to a database or figure out how to make it email them to you
  • Create a compelling CSS layout that sells the restaurant’s image and makes customers want to visit

Online Store

  • List items / descriptions / prices
  • Store info / hours / location
  • Add items to shopping cart
  • View a product page for an item
  • Read and write product reviews
  • Choose what appears on the front page, such as info about a sale, or new products, or popular products, or an uncluttered splash screen with info about what the store is all about, or…

Food Blog

  • Post pictures and recipes
  • Store the blog text in a database
  • Separate author page for typing in the blog title, text, and date
  • Display the most recent blog entry on the front page (load from database)
  • Include about 100 pictures of each recipe so it looks like a real food blog

Online trivia or math game/tutorial/study practice

  • Make a pool of possible questions: randomly generate them, or load them from a database or file
  • Display possible answers or provide a place to type in the answer
  • Evaluate if the answer is correct or not and display the next question
  • Keep score and tell the user how well they did
  • Store the score in a scores database
  • Display a list of recent scores or high scores from the database

Personality Quiz

  • Ask the user questions to determine what category they fit best (Harry Potter house, ice cream flavor, etc)
  • Use JavaScript to display the next question after they answer
  • Use JavaScript to create the logic to figure out what personality flavor to assign
  • Display a picture and a message that says “You are [something]!” at the end.
  • Create multiple quizzes if you “finish” the project early

Resume / vCard website

  • Create a site that advertises your talents and experiences to potential employers (resume) or customers/clients (vCard)
  • Note: a public Cloud9 workspace is out there for anybody on the internet to view. Suggestion: use a fictional name and do not post personal information such as address / phone / email.
  • Make a compelling CSS layout that makes you seem professional / creative / smart / organized / motivated / etc.
  • Create separate pages or tabs that provide some different categories of information about you: education, experience, awards/honors, skills, portfolio examples, etc

Organization Website (team, club, nonprofit organization, etc)

  • Front page to give a first impression of the organization
  • Calendar page
  • How to join
  • About us page
  • Ability to add new calendar events to a database: calendar page automatically displays all of them from the database, or a certain number of the most recent ones
  • Form for new members to sign up; store responses in a database