- 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)
- We'll pair you up with someone at random
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
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
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
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)
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