Smarticle

Introduction

Smarticle is useful for anyone who wants to access the article via the web app and read the article of their choice. The application will allow users to post and like articles. As long as the user is not logged in, they can only see the public articles, the top five tweets according to the tags associated with each article, and the number of likes. Moreover, users can create their tags while posting an article, can filter the articles by authors, and categories, and can sort articles by date and number of likes. Upon registration, all features will be accessible to the user such as according to their tag preferences, the user can access both public and private articles. Furthermore, users can like or dislike an article. Apart from this, users can also update their profile, view their posted articles, and tweet count for each tag they added to their preference list.

Authors

  • [Vivekkumar Patel] - (Developer)
  • Kavan Patel - (Developer)
  • [Sarthak Patel] (Developer)
  • [Rushi Patel] (Developer)
  • [Khusboo Patel] (Developer)
  • [Angela Ghilhotra Patel] (Developer)

Built With

Smarticle has been build with following technology stack.

  • HTML
  • Tailwand
  • Java script
  • Node
  • Jwt
  • Bootstrap
  • Java
  • Spring
  • CI
  • Heroku
  • Mysql

Getting Started

Prerequisites

  • Java Version 11
  • Node Version 16
  • MySQL Version 8

Installation

For Frontend:-

  1. cd frontend
  2. npm i
  3. npm run dev

For Backend:-

  1. cd backend
  2. mvn clean install
  3. mvnw spring-boot:run

Application Screenshots

Registering new user

login

Validations

login

More Validations

login

Verification Link sent

login

Verification Successful

login

Forgot

login

Email with reset password link

login

Password resetted successful

login

All articles

login

Filtering artciles by date, tags and authors

login

Creating a new tag

login

Posting an article

login

Saving preferences

login

Navigation Menu

login

Updating profile

login

My Articles page

login

User liked an article

login

User disliked an article

login

Like counts

login

Tweet counts based on user preference

login

Advanced filter

login

Top 5 tweets for tag associated with article

login

Acknowledgments