๐ Konnect - A full stack Social Media
A lot of times we want to connect to small communities in our Universities or certain people who are good at something who are available in our University, sometimes we want to share something to the administration or faculties but are concerned about their reactions. On traditional social media, itโs very hard to do so. Thatโs where Konnect fits in. Itโs a social media which is built for Universities and Colleges. It aims at connecting all the students and faculties of an Institute and maintain a separate and parallel database for them. I had used MEVN stack to build it from scratch.
๐ป Tech Stack Used
๐น I had used Vue to create the front end of the Project, Axios to make HTTP requests and connect to Backend, VUEX for State Management and save tokens, Vue Router to manage the Front End routes, Tailwind CSS as a CSS utility and we also used SASS as a Post Formatting Language.
๐น For backend we used Express to create Server and handle the requests and to create API, Mongodb as a No SQL database along with Mongoose as an API.
๐น For Authentication we use Json Web tokens and bcrypt to hash and salt the passwords.
๐ง Installation
๐น Clone the repo, you will get the server and client folders.
๐น Open/cd both of these folders and run npm install
in both of them
๐น Now in the client
side run npm run serve
, it will host the client locally.
๐น In the server side
๐ก Features
๐น You can signup/login and logout, the I had used JWT Web tokens for authentication.
๐น You can post your thoughts.
๐น You can upvote and downvote someone else's posts and comment on them.
๐ผ Gallery
๐ Bugs and Future Work
The project is under development and there are a lot of things I want to implement and it is far from reaching it's goal, but due to University Exams the project development is kept at halt. Things I want to Implement -
๐น Make it responsive
๐น Add Profile Pictures.
๐น Allow users to sort posts by popularity and timings.
๐น Allow users to follow/unfollow other users
๐น Work on sections like explore where random posts will show up
๐น Create a Dashboard kind of thing in the Buzz Section which will provide sentiment analysis of the entire social media and the trending buzz words, this is the only section that can be viewed by faculties and Admin of University.
The last feature was the reason and motivation behind this project. I wanted to create a way which bridges gap between Students and Faculties and provide a way to give anonymous feedback. I will start working on the project as soon as my end sem are over
๐ Thank You
Thank you for spending your time reading this repo, any kind of improvement or pull requests are welcomed. Also, huge thanks to all the YouTubers you spend their time in teaching us these amazing frameworks.
Resources I used
๐น HTML/CSS - https://youtu.be/vQWlgd7hV4A
๐น Flexbox - https://youtu.be/FTlczfR82mQ
๐น Tailwind - https://youtu.be/UBOj6rqRUME
๐น JavaScript - https://www.hackerrank.com/domains/tutorials/10-days-of-javascript
๐น JavaScript (DOM) - https://youtube.com/playlist?list=PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V
๐น Vue Course - https://youtube.com/playlist?list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa
๐น Other Stuff - Other then these I also spend a decent amont of time learning the backend part but I used Medium and official documentation for them, so I am not having a record of the posts and material I read.