Chatq is your point of inspirational. A place to share photos and make stories out of them.
Chatq comes from Chautauqua - a movement that was created in the late nineteenth century with a unique idea for education by lectures(talks). The first actual lecture took place on the lake Chautauqua, from where the name comes.
Nowadays, in the technology era, internet literally floods us with information about everything, but not always with one that brings us satisfaction makes us more knowledgeable, aware or inspired. We like the idea making a place, where people can search for pure inspiration and be a part of that, by creating their own story. So here we are now!
Chatq uses a number of open source projects to work:
- Java - Free and open-source programming language and computing platform
- Spring MVC - End-to-end support for reactive & servlet based apps on the JVM
- MySQL - MySQL is an open source database platform
- JSONWebToken - Used for authorization
- ReactJS - A JavaScript library for building user interfaces
- Ant.Design - A React UI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces
- AWS - Amazon Web Services (AWS) is a secure cloud services platform, offering compute power, database storage, content delivery and other functionality to help businesses scale and grow
- Cloudinary - Cloudinary is the media management platform for web and mobile developers. An end-to-end solution for all your image and video needs
The goal of this project is to show the core concepts of building SPA with Java-Spring-Boot and ReactJS. The project is using file storage cloud API for all the photos being uploaded (Cloudinary) and is also been hosted in Amazon Web Service. The hosted instance public IP and can also be found on www.chatq.social
In this project I've used:
- Java SE 11
- Java Spring Framework
- Java-Spring-Boot
- Java-Spring-Security
- Java-Spring-Data
- React Regular Components
- React Higher Order Components
- React Stateless Functional Components where no state is needed
- React Router for routing
- Request, Auth, CRUD and helper services in attempt to abstract some of the functions, making them reusable
Chatq requires
Open th project as a Java Maven Project
Install the dependencies and start the client (port: 3000)
$ cd..
$ cd frontend
$ npm install
$ npm start-
Anonymous users
- View all open groups and details about each story
- View all comments for a certain story
- View all current challenges and details about them
- View information about how to get involved into the social network
- Login/Register
-
Authenticated users
- Create a story in open group with 4 photos and storyline
- Add comments to all stories
- Join to a challenge with story
- Browse all old challenges and their stories
- Start / Stop following group
- Start / Stop following user
- Browse all user stories
- Make changes to his stories from the open groups
- Make changes to his stories from active challenges before deadline
- Delete his stories
- Delete his comments
-
Admin users
- Create/Edit challenges
- Create/Edit groups
- Delete users stories
- Delete users