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