My projects for HarvardX: CS50's Web Programming with Python and JavaScript
Consists of mimicking Google Search interface and functionality with HTML and CSS, adjusting parameters sent with the GET query in order to success in Google base Search, Image Search and Advanced Search. All of the views are responsive.
Demonstration: https://youtu.be/qFfkPBhsuJA
See screenshots
Consists of coding a web encyclopedia with Django where users can read entries, create new ones and edit them. The content is added by the user using Markdown, so that it renders automatically to HTML and CSS. Also there's a completely functional search bar and a random entry button.
Demonstration: https://youtu.be/3EncKBV1mC8
See screenshots
Consists of creating an auction site like eBay where users can post their own listings and decide when to close them, place bids on ther user's listings, comment on them, add to watchlist, filter items by category, etc.
Demonstration: https://youtu.be/Tl3NBic1LvM
See screenshots
Consists of adding the logic with JavaScript in order to perform the API operations with the views.py file and show relevant information to the user. Implemented the ability to write emails, filter in different mailboxes, make replies and archive/unarchive emails. Operations GET, POST and PUT are utilized according to the API documentation of the web app.
Demonstration: https://youtu.be/mwzJ9wdsheg
See screenshots
Consists of building a functional social network where users can: create/delete/edit posts, visit users' profiles, follow/unfollow other users, like/unlike posts and filter posts by following users. Included stylized pagination. The like and edit implementations are based on JavaScript, so no page reload is needed, just UI modification while a fetch with POST is sent to the backend.
Demonstration: https://youtu.be/_Mc3rbbnGbI
See screenshots
For this final project, I had total freedom of designing and programming, as long as the result wasn't extremely similar to one of the previous projects. I finally opted for a totally responsive web page that combined what I learnt throughout the course with one of my hobbies, the world of animanga, to yield a fun, automatized game, free for everyone and easy to learn. It consists of a guessing game, where the user is shown a character or official art image behind a visual effect that hinders the task of submitting the correct name or title, respectively. After each round that composes a game is solved, whether the guess is correct or wrong, related information is printed under the solution, something that could discover the user new recommendations or just remember some facts about an already watched product. There are currently two main modes available: custom game, where each user creates a game with own settings (manga or anime, character or media, genres, number of questions and difficulty), and daily challenges, where each day the same totally random game is added to all the users, so they can compete in equality and later on compare their results to show off about their animanga knowledge with friends!
Demonstration: https://youtu.be/_Mc3rbbnGbI
See screenshots
