Movie Database App
Find your next movie or create your watchlist with this App. It include reviews, rating, actors
and anything you need to know about the movie.
• This application will help users find their next movie to watch by showing helpful stats
• Resource needed for the project is movie api, examples include Imdb, MovieDB etc.
User Stories
• User can see all the latest movie on the front page
• User scroll down to see all other movies according to release date
• User can click on any of the movie to go to their own separate page
• User can then see all about the movie ratings, about, actors present on each separate
movie page
Bonus features
• User can create an account
• User can create their own watch list
• User can review movies
Example projects
http://phobic-heat.surge.sh/
https://api-cinema-10d15.firebaseapp.com/
Social media Clone
A clone of Facebook or Instagram app where you can login/register, create new posts, follow
other users and see other people you follows posts
You should create a MVP (Minimum Viable Product) using a Full stack approach to store
images to the server and display them to the client.
User Stories
• User can register for an account storing their name, email/username and password
then login to the app using their credentials
• User can create a post and store images to the server (Preferably in a database)
• User has a profile that displays all the images they have uploaded
• User can follow other users
• User can see other users posts (people who the user follows)
Bonus features
• User can see a global feed of images
• The feed auth refreshes when a new post is added (You can use Web Sockets)
• User can send messages to other users
• User can create a story for followers
Simple Online Store
The goal of the Simple Online Store is to give your users the capability of selecting a product
to purchase, viewing purchase information, adding it to an online shopping cart, and finally,
actually purchasing the products in the shopping cart.
User Stories
• User can click on a View Products button on the Landing Page to display the Products
Page.
• User can see a card on the Products Page for each Product showing the product
thumbnail, name, price, a short description, and a Select button.
• User can see a Product Details page displayed when the Select button is clicked
showing the same information from the product card, but also a unique product id, a
long description, Add to Cart button, and a See More Products button.
• User can see a confirmation message when the product is added to the shopping
cart.
• User can click on the See More Products page to return to the Products Page.
• User can see a Shopping Cart button on both the Landing Page or the Products Page.
Hint: a top bar might be a good common location for this button.
• User can click on the Shopping Cart button to display the Shopping Cart page containing
the product id, name, price, and quantity ordered input box for each product
previously added to the Shopping Cart.
• User can see a total purchase amount on the Shopping Card that is calculated as the
sum of the quantities multiplied by the unit price for each product ordered.
• User can adjust the quantity ordered for any product to adjust the total purchase
amount.
• User can click a Place Order button on the Shopping Cart Page to complete the order.
User will see a confirmation number when the order has been placed.
• User can click a Cancel Order button on the Shopping Cart Page to cancel the order.
User will see the product quantities and the total purchase amount reset to zero.
• User can click a See More Products button on the Shopping Cart Page to return to the
Products Page. If the order hasn't been placed yet this will not clear the products that
have already been added to the Products Page.
Bonus features
• User can see an error message if the quantity ordered exceeds the "on hand"
quantity of the product.
• User can specify a bill to and ship to address when the order is placed from the
Shopping Cart Page
• User can see shipping charges added to the total purchase amount
• User can see sales taxes added to the total purchase amount
• Developer will implement the product inventory in an external file or a database.
Example projects
https://www.takealot.com/baby/all?sort=ReleaseDate%20Descending&filter=Brand:Campgro
und%7CGeorge%20%26%20Mason%7CGeorge%20%26%20Mason%20Baby%7CGetUp%7CPo
werUp
https://www.olx.co.za/
html + css example:
https://codepen.io/RSH87/pen/RagqEv
Survey App
Surveys are a valuable part of any developer’s toolbox. They are useful for getting feedback
from your users on a variety of topics including application satisfaction, requirements,
upcoming needs, issues, priorities, and just plain aggravations to name a few.
The Survey app gives you the opportunity to learn by developing a full-featured app that will
you can add to your toolbox. It provides the ability to define a survey, allow users to respond
within a predefined timeframe, and tabulate and present results.
Users of this app are divided into two distinct roles, each having different requirements:
• Survey Coordinators define and conduct surveys. This is an administrative function not
available to normal users.
• Survey Respondents Complete surveys and view results. They have no administrative
privileges within the app.
Commercial survey tools include distribution functionality that mass emails surveys to Survey
Respondents. For simplicity, this app assumes that surveys open for responses will be
accessed from the app's web page.
User Stories
General
• Survey Coordinators and Survey Respondents can define, conduct, and view surveys
and survey results from a common website
• Survey Coordinators can login to the app to access administrative functions, like
defining a survey.
Defining a Survey
• Survey Coordinator can define a survey containing 1-10 multiple choice questions.
• Survey Coordinator can define 1-5 mutually exclusive selections to each question.
• Survey Coordinator can enter a title for the survey.
• Survey Coordinator can click a 'Cancel' button to return to the home page without
saving the survey.
• Survey Coordinator can click a 'Save' button save a survey.
Conducting a Survey
• Survey Coordinator can open a survey by selecting a survey from a list of previously
defined surveys
• Survey Coordinators can close a survey by selecting it from a list of open surveys
• Survey Respondent can complete a survey by selecting it from a list of open surveys
• Survey Respondent can select responses to survey questions by clicking on a
checkbox
• Survey Respondents can see that a previously selected response will automatically be
unchecked if a different response is clicked.
• Survey Respondents can click a 'Cancel' button to return to the home page without
submitting the survey.
• Survey Respondents can click a 'Submit' button submit their responses to the survey.
• Survey Respondents can see an error message if 'Submit' is clicked, but not all
questions have been responded to.
Viewing Survey Results
• Survey Coordinators and Survey Respondents can select the survey to display from a
list of closed surveys
• Survey Coordinators and Survey Respondents can view survey results as in tabular
format showing the number of responses for each of the possible selections to the
questions.
Bonus features
• Survey Respondents can create a unique account in the app
• Survey Respondents can login to the app
• Survey Respondents cannot complete the same survey more than once
• Survey Coordinators and Survey Respondents can view graphical representations of
survey results (e.g. pie, bar, column, etc. charts)
