/Kale-Community-Management

🚴‍♂️ Create communities around your interests with this social network app. Built using the MERN stack. It implements JWT authentication, Redux for state management, Axios for sending requests to the backend, Gravatar, Bycrypt, etc.

Primary LanguageJavaScript

Kale Community Management

  • Built using the MongoDB, NodeJs, ExpressJS, and ReactJs.
  • Made use of the Github API to display the 5 latest repositories of any users that inputs their github username
  • JWT authentication
  • Redux for state management
  • Axios for sending requests to the backend
  • Gravatar, Bycrypt, etc.
  • Version 2.0

URL / Live version

To use the live demo of this app:

About this project

The main idea is to have an easy way to create small communities around your interests.

Users are able to:

  • Create an account and a profile
  • Write posts
  • Like and comment on those same posts
  • Delete their comments, unlike posts, and also completely delete those posts as well
  • They can create discussions
  • Visit other profiles
  • Delete their accounts
  • And much more...

Taking a closer look

You will be welcomed with this simple landing page, in which you can either register or login.

For demonstration purposes, you login credentials will be filled out automatically for you to use the demo account.

In that smae demo account you will be granted access to all the private routes that need users to be authenticated.

Once you click on login, you will be taken to the dashboard.

It will look something like this:

Or like this, if no profile has been created for your account yet.

You can play around with it, but essentially, these will be the main functionalities.

You can create posts:

Each post will have a title and the post content itself.

After a post is created, they will appear below the "write a post" form, like this:

In case the user does not have a profile, they can create one very easily on this page.

They will be asked basic information about themselves, but only two inputs are required.

  • Skills
  • Professional Status

All user profiles will then be displayed on this page:

Which you can use to visit individual profiles.

Finally, you can also delete your account as well.

Also, if not route matches the one you're looking for, you get presented with a really nice 404 page.

Browsers support

Tested the app in these browsers:

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
Samsung
Samsung
Opera
Opera
IE11, Edge last version last version last version last version last version last version