Rule of thumb

Overview:

Our client's app Rule of Thumb™️ tracks the sentiment of their users on trending and controversial people from different fields, including politics, business, media and entertainment, etc. The website has the following requirement they need to present their users with an easy way to share their opinion on each presented celebrity, using votes (thumbs up and down), and display the results to the user while the poll is open. These features should be available to all users, regardless of where they're accessing the website from, whether it's a smartphone, a tablet or a desktop computer.

About the Project

In the development of this project, our utmost priority is to ensure exceptional responsiveness and interactivity. Users will seamlessly navigate through a dynamic user interface featuring interactive elements such as voting buttons, login session, and the ability to reorder displayed content interactively. These features are meticulously designed to provide an engaging and intuitive user experience, enhancing user participation and interaction with the platform.

Screenshots

List of features

• Social login
• Interactive banner buttons and gauge bar
• Grid view mode
• List view mode
• Submit new vote individually
• Interactive 'suggest a name' button
• Informative toast on action
• State management
• Accessibility

Stack

• Nextjs
• Typescript
• React
• Json Server
• NextAuth
• Axios
• TailwindCss
• Shadcn

Installation

Clone the project - Rule of thumb

  git clone git@github.com:felipprodrigues/rule-of-thumb.git

Go to the project directory

  cd my-project

Before installing the dependencies

Node.js Version Setup:

• Ensure you have Node Version Manager (NVM) installed on your system.
• Navigate to the root directory of this project where the .nvmrc file is located.
• The version specified in the file is v18.17.1
• Run the following command on the command line to set the Node.js version specified in .nvmrc:

nvm use

Installation of Dependencies:

• Run the following command to instal project Dependencies

npm install

Notes:

• The .nvmrc file contains the Node.js version v18.17.1 required for the application. Ensure that this version is installed via NVM before proceeding with other steps.
• After installing Node.js using NVM, you can switch to the specified version by running nvm use in the project directory.
• Once Node.js is set up, you can install project dependencies using npm install.

Install dependencies

  npm install

Run locally

Serve the front-end with

  npm run dev

The frontend server will be served at http://localhost:3000

Serve the backend json-server mockup with

  npm run server

The frontend server will be served at http://localhost:3333

Authors

• Felipe Rodrigues