Our last Full-Stack Development batch #17 (August 23, 2021 - November 12, 2021) worked on three web applications: two of them involved exposure to some of the most widely used APIs out there today, the third one was a revamp of a project a previous batch of Constructor Academy worked on. The web applications were built during the Capstone project phase, the last three weeks of the program. You’ll find the project details below.
SocialPoly - A one-stop platform for content management on social medias
Students: Dominik Fankhauser
, Péter Spolar
, Patrick Zimmerman
, Jean-Marie Philocles
In a world where marketing and content diffusion is increasingly taking place online, particularly on social media, it is becoming increasingly important for companies, influencers and other actors to ensure their content is spread in an efficient and consistent manner. SocialPoly addresses this need, by aiming to be a one-stop platform from which it is possible to post simultaneously on different socials.
The team added also the possibility of scheduling a post at a certain date and time, giving marketing teams and the like further flexibility and freedom in posting their contents. But no social media marketing campaign can be effective without thoroughly analysing its results. This is why SocialPoly also features a dashboard and useful analytics on how many likes or retweets a post received, how many views, the average amount of likes or retweets per post etc.
For this project, the students had to implement a complex multi-API connectivity system, allowing them to “communicate” directly with the LikedIn and the Twitter APIs.
- Posting simultaneously on Twitter and LinkedIn
- Scheduling a post for given date / time
- Dashboard with key metrics on individual posts
- Post analytics at aggregated level
- Add further socials to the platform (Instagram, Facebook, etc.)
- Add further dashboard and analytics to the existing offer
- Improve responsiveness of design
Single-post and aggregated metrics
Analyze My Music - A data analytics app for your Spotify listening history
Students: Hristo Georgiev
, David Furrer
Have you always wanted to have more insights on your Spotify music consumption? Most listened track or artist in the last 1 or 2 years, or your favourite decade - are you a 90’s person? Or do you rather prefer the glorious 2000’s? The answer to such questions - and much more - can be found in Analyze My Music!
The app the students worked on allows you to login with your Spotify account, have your music consumption data analyzed, and to create any playlist you want based on a combination of factors such as genre, track energy and track danceability.
This was a challenging project, in which the team made use of technologies and frameworks such as Tailwind, TypScript, Nivo and Next.js. And, also in this project, the students had to establish from scratch the connectivity to the Spotify API.
- Login with your Spotify account
- Have your Spotify user data analyzed
- Gain valuable insights on your most favourite tracks, artists, genres etc.
- Create highly customizable playlists
Dashboards section: here you see your most popular artists, tracks and decades
Your top artists
- Add more analytics and dashboards
- Implement word clouds based on songs’ lyrics
- Invite friends and compare your music listening behaviour
FixMyCity 2.0: back for more!
Students: Mijail Febres
, Pearl Imbach-Pillaert
, Adrien Laaboudi
FixMyCity was developed by students of the previous Full-Stack batch. The project’s objective was to give the inhabitants of a city the possibility to report issues related to the city’s infrastructure and operations (e.g. road damages, trash, graffiti, etc.) in a modern and playful way, through the use of a web app. The web app was welcomed with strong positive feedback and interest, with particular praise for its intuitiveness and its gamification features.
This second iteration of the project was aimed at making FixMyCity a Progressive Web App (PWA), improving its performance, its design and the overall user experience.
TheFixMyCity 2.0 team put lots of efforts in a mobile first design, with enhanced navigation and filtering options. The map feature has also been improved: zooming in / out happens now in a faster and smoother fashion. In addition, the previous pins, used to signal issues on the map, have been replaced with intuitive icons, which provide immediate feedback on what a certain issue is about. The urgency of an issue is now also more intuitively conveyed, through the use of pulsation. The more intensively an icon pulsates, the higher the urgency of the issue at hand.
- Progressive Web App (PWA)
- Improved responsiveness of map
- Smoother zooming
- Animated category-specific markers for issues
- Pulsating feature for issue urgency
Issue icons / Filters / Report issue
We would like to thank all of our students for their efforts during the program and in the Capstone project phase!
- Desktop version
- Improved dashboards for local city councils