The social network for creative people

Project summary

The main project goal was to develop the thematic social network for creative people. All members unite in hubs to communicate, share media content and co-work on commercial and non-commercial projects. Users have different roles; at their disposal they have a list of their own posts with the ability to limit access to it, as well as multi-functional calendar with lots of different events.


The main differences from other social networks are:

  • thematic component – the focus is on the creative personalities;
  • the possibility of doing business – to create and maintain the public/private projects.

Server and client parts of the social network are developed as separate applications. The client part is a web application built mainly on Ajax, web pages layout was done using Tiles template framework and Less stylesheet language. The server part is a set of REST services, that allows to create multiple client applications (web, mobile, etc.). During application development Hibernate, Spring MVC were actively used.

Technologies

Technologies: JQuery, Less, Tiles, Java 7, Hibernate, Spring MVC, MySQL, Jackson, Apache Tomcat, Maven, Redmine, Git, GitHub, Swagger, IDEA, Bootstrap.

Screenshots

Project Setup
Example of view for Calendar Tab. View components have JSP navigation, the display of data received from the server on the page, binding different events to the html components. The form fields validation which is written using jQuery validate plugin was also implemented in the view components. The significant part of the business logic was put out to this level.
Example of service for work with press (news feed). The services describe AJAX requests to the REST services. For each functional tabs or complex panel only one service is described. The each such service describes a group of Ajax-requests of a particular theme.
Custom text filter To apply filters in Advanced Search mode, custom filters have been developed.
Example of the base module from which all other modules are inherited.
For the interaction of client and server parts the WEB service approach has been applied. Services were designed in the form of RESTful API, divided by so-called "name space". An example of one of these REST-services can be seen in the screenshot below. The service allows to manipulate quotations, in this case to obtain a quote for a particular page.
Module example for a particular user news feed. Modules - Each module is unique for each functional page. When the page was loaded primarily the module component is created. Then in itself this component initializes instances of view and service components and runs their logic.
Example of Entity for Media object. Entity reflects the structure of Java class of OOP model, which is located on the server. Entity facilitates the work of creating and data processing REST services.
Сonstants example. The constants store a variety of objects under certain names for quick access.
Example of user's page. When developing JSP pages Tiles template framework was used. This framework allows to collect JSP pages from separate, the most repeated parts of JSP code (templates) which are registered in the configuration file tiles.xml. Patterns are imported into the page using special tags. The Screenshot clearly demonstrates it.
DAO for work with data DAO class allows to obtain the settings from the database and save the earlier edited settings for the so-called hubs (groups).
To ensure the uniqueness of entities, the approach with the use of identifiers is applied. Sometimes there is an issue in the use of certain sequence of symbols, not just numbers as identifiers, then the generators of identifiers could help. For example, generator that generates a hub (group) identifier based on its name.
Example of service of Profile Network tab work.

Project features

  • The project includes two applications:
  • the server application, which is a set of services (Restful API);
  • the client application, which was realized with the help of self-developed JS framework (such as AngularJS, KnockoutJS);
  • The team was split into backend and frontend developers teams.
  • GitHub service was used as the source code management system:
  • development of server and client parts was carried out in two different branches, which later were merged in the same master branch;
  • More than 20 developers were engaged in the project at the same time, most of them were located in different offices.
  • Development was carried out in compliance with all Scrum processes:
  • daily status meetings;
  • Redmine as a project management system;
  • planning poker;
  • cross review.

Company’s achievements during the project

  • The prompt entrance to the subject area and technical details of the project in a very short period of time.
  • A big amount of tasks related to optimization of the existing code and writing new functionality was solved successfully.
  • The prototype of search Web services based on Hibernate Search was successfully created and implemented. During the services implementation significant customization of available search filters has been done.
  • The team has successfully coped with assigned tasks in a very limited time frame.

Testimonial

Sergey Kastukevich, Technical Lead OCS Innovation Company (OCSICO), Software development company

Best thanks JazzTeam for their work. On our project JazzTeam developers were involved in the development of thematic social network for creative people. Despite very short project terms JazzTeam engineers have seen into existing groundwork quickly. They took the initiative in resolving disputes, constantly going to the dialogue, acted as JavaScript consultants. Their work was transparent and accurate. JazzTeam developers had implemented complex and voluminous functionality with help of Hibernate considering all our requirements.

I can recommend JazzTeam as an experienced and reliable partner. They have responsible approach to every stage of work and highly respect the customer interests.

Contents hide
1 Project summary
2 Technologies
3 Screenshots
4 Project features
5 Company’s achievements during the project
6 Testimonial
Book a callOur services IT ConsultingWho we are

Recent Work







    Contact Us

    Name:

    Email: *

    Message: *

    I agree to Privacy Policy

    What happens next?

    1 Leave your project request. We will contact you and schedule a call.
    2 Signing of the NDA to ensure the project info confidentiality.
    3
    Negotiation of your request and the required services.
    4 Team forming, coordination of workstages.
    5 Contract signing and project start.

    Telegram WhatsApp Facebook LinkedIn