FreeCodeCamp development tasks. Running application available at ikarus512-fcc1.herokuapp.com
Server side is written in JavaScript ES5 using Express.js, run on Node.js platform. References Google Places API, MongoDB on mlab.com through Mongoose.
Web clients applications are written using Angular 1, Bootstrap, WebSocket, D3, Chart.js, Google Maps API.
Android application with same functionality available to download through the link on home page of web application. It is built with Apache Cordova. The mobile application references same server REST API/Websocket API that uses web application. It uses Leaflet.js with online/offline maps instead of Google Maps API. JavaScript source and pug templates are shared by both web and mobile application.
Accessible via 'Voting' menu.
Build a Voting App similar to this
- User Story: As an authenticated user, I can keep my polls and come back later to access them.
- User Story: As an authenticated user, I can share my polls with my friends.
- User Story: As an authenticated user, I can see the aggregate results of my polls.
- User Story: As an authenticated user, I can delete polls that I decide I don't want anymore.
- User Story: As an authenticated user, I can create a poll with any number of possible items.
- User Story: As an unauthenticated or authenticated user, I can see and vote on everyone's polls.
- User Story: As an unauthenticated or authenticated user, I can see the results of polls in chart form. (This could be implemented using Chart.js or Google Charts.)
- User Story: As an authenticated user, if I don't like the options on a poll, I can create a new option.
Accessible via 'Nightlife' menu.
Build a Nightlife Coordination App similar to this
- User Story: As an unauthenticated user, I can view all bars in my area.
- User Story: As an authenticated user, I can add myself to a bar to indicate I am going there tonight.
- User Story: As an authenticated user, I can remove myself from a bar if I no longer want to go there.
- User Story: As an unauthenticated user, when I login I should not have to search again.
- Hint: Try using the Yelp API to find venues in the cities your users search for. https://www.yelp.com/developers/documentation/v2/overview If you use Yelp's API, be sure to mention so in your app.
Optional features maybe to do in future:
- WISH: List my reservations, show on map.
- WISH: List another user's reservations (search by his name), show on map.
- WISH: Download photos using Google Place Photo API.
Accessible via 'Stock' menu.
Chart the Stock Market similar to this
- User Story: I can view a graph displaying the recent trend lines for each added stock.
- User Story: I can add new stocks by their symbol name.
- User Story: I can remove stocks.
- User Story: I can see changes in real-time when any other user adds or removes a stock. For this you will need to use Web Sockets.
Accessible via 'Books' menu.
Manage a Book Trading Club similar to this
- User Story: I can view all books posted by every user.
- User Story: I can add a new book.
- User Story: I can update my settings to store my full name, city, and state.
- User Story: I can propose a trade and wait for the other user to accept the trade.
Optional features maybe to do in future:
- WISH: Books list filter: all|my offers|my bids|by keywords.
- WISH: Books list pages (temporary query in DB: query ID, query params, current page).
- WISH: Unused photos cleanup from disk and DB.
- WISH: Mail notifications about trade.
Accessible via 'Pinter' menu.
Build a Pinterest Clone similar to this
- User Story: As an unauthenticated user, I can login with Twitter.
- User Story: As an authenticated user, I can link to images.
- User Story: As an authenticated user, I can delete images that I've linked to.
- User Story: As an authenticated user, I can see a Pinterest-style wall of all the images I've linked to.
- User Story: As an unauthenticated user, I can browse other users' walls of images.
- User Story: As an authenticated user, if I upload an image that is broken, it will be replaced by a placeholder image. (can use jQuery broken image detection)
- Hint: Masonry.js is a library that allows for Pinterest-style image grids.