Skip to content

Instantly share code, notes, and snippets.

@harrisonmalone
Last active June 17, 2019 23:57
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save harrisonmalone/c7ad81b78c68ed0c36a0475a70e5f804 to your computer and use it in GitHub Desktop.

Full stack javascript project

Specs 🚀

  • A day and a half
  • Pair programming
  • 1 min demo wednesday afternoon
  • Choose your own project
  • Express and mongoose (mongodb) backend
  • HTML and CSS frontend (this will be replaced by react later in the course)

Teams 🌟

  • We'll pair you up with someone at random

Projects 🤪

Notes app

Description

  • Create and store your notes for a later purpose

User Stories

  • User can create a note
  • User can edit a note
  • User can delete a note
  • When closing the browser window the notes will be stored and when the User returns, the data will be retrieved

Bonus features

  • User can create and edit a note in Markdown format. On save it will convert Markdown to HTML
  • User can see the date when he created the note

Quiz app

Description

  • Practice and test your knowledge by answering questions in a quiz application
  • As a developer, you can create a quiz application for testing coding skills of other developers (HTML, CSS, JavaScript)

User Stories

  • User can start the quiz by pressing a button
  • User can see a question with 4 possible answers
  • After selecting an answer, display the next question to the User. Do this until the quiz is finished
  • In the end, the User can see the following statistics: time it took to finish the quiz, how many correct answers did he get, a message showing if he passed or failed the quiz

Bonus features

  • User can share the result of a quiz on social media
  • Add multiple quizzes to the application. User can select which one to take
  • User can create an account and have all the scores saved in his dashboard. User can complete a quiz multiple times

Book finder app

Description

  • Create an application that will allow users to search for books by entering a query (Title, Author, etc). Display the resulting books in a list on the page with all the corresponding data.

User stories

  • User can enter a search query into an input field
  • User can submit the query. This will call an API that will return an array of books with the corresponding data (Title, Author, Published Date, Picture, etc)
  • User can see the list of books appearing on the page

Bonus features

  • For each item in the list add a link that will send the User to an external site which has more information about the book
  • Implement a Responsive Design
  • Add loading animations

Card memory game

Description

  • Card memory is a game where you have to click on a card to see what image is underneath it and try to find the matching image underneath the other cards.

User stories

  • User can see a grid with n x n cards (n is an integer). All the cards are faced down initially (hidden state)
  • User can click a button to start the game. When this button is clicked, a timer will start
  • User can click on any card to unveil the image that is underneath it (change it to visible state). The image will be displayed until the user clicks on a 2nd card
  • When the User clicks on the 2nd card:
  • If there is a match, the 2 cards will be eliminated from the game (either hide/remove them or leave them in the visible state)
  • If there isn’t a match, the 2 cards will flip back to their original state (hidden state)
  • When all the matches have been found, the User can see a dialog box showing a Congratulations message with a counter displaying the time it took to finish the game

Bonus features

  • User can choose between multiple levels of difficulty (Easy, Medium, Hard). Increased difficulty means: decreasing the time available to complete and/or increasing the number of cards
  • User can see the game statistics (number of wins / losses, the best time for each level)

Dev news reader

Description Create a news reader that aggregates your favorite dev news resources.

User stories

  • Can read XML and JSON data feeds
  • User can enter the URL of the feed and the number of recent posts they want to see
  • Landing page will display recent posts from each of the feeds
  • Posts displayed with only three lines of article and a button to see more

Bonus features

  • Mark items as read
  • Rate items
  • Track favourite sites and authors

Attribution

students = [
"Josh Teperman",
"Adam Ladell",
"Jing Li",
"Andrew Sims",
"Timothy Waldron",
"Suet Er Lee",
"Praveen Muthuthanthirige",
"Keisaku Higa",
"Ivan Donato",
"Rastko Beciric",
"Edward Deam",
"Sin Yin Phua",
"Bradley Richardson",
"Elizabeth Whiley",
"Robert De Matteo",
"Rommel Ryan Rico",
"Owen Shepherd",
"Tony Xu",
"Wade Martin",
"Mahdi Soheili Rad",
"Alexander Bishop",
"Anna Roszko",
"Sree Vidhya",
"Ruth McIlwaine",
"Gwendolen Warnick",
"Gaurav Pathak",
"Mark Butcher",
"David Bui",
"Tristan Kay",
"Seep Gulati",
"Cooper Viktor",
"Alex Ward",
]
random_students = students.shuffle
groups = []
random_students.each_slice(2) do |group|
groups << group
end
groups.each_with_index do |group, index|
puts "Group #{index + 1}) is #{group.join(", ")}"
end
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment