Smile Counter

Medea - Jul 27 '23 - - Dev Community

Smile Counter

Try to keep your smile count as high as possible by spreading joy! This app allows you to track the number of smiles and frowns you bring to others.

Demo

A live demo is available at https://vulcanwm.github.io/smile-counter/

Technologies Used

  • React
  • JavaScript
  • HTML
  • CSS

Features

  • Click the + button when you make someone smile to increment the smile count
  • Click the - button when you make someone feel sad to decrement the smile count
  • Uses localStorage to save the smile count on the user's device
  • Connect to social media to spread more smiles!

Getting Started

To run this project locally:

  1. Clone this repository:
git clone https://github.com/VulcanWM/smile-counter.git
Enter fullscreen mode Exit fullscreen mode
  1. Install dependencies:
npm install
Enter fullscreen mode Exit fullscreen mode
  1. Start the development server:
npm run dev
Enter fullscreen mode Exit fullscreen mode
  1. The app will be served at http://localhost:5173/smile-counter/

  2. Make changes to the src folder, and the browser will hot reload the changes.

Roadmap

  • Add a graph to visually track smile count over time
  • Add a "reason for smile" text input

Smile Counter

Try to keep your smile count as high as possible by spreading joy! This app allows you to track the number of smiles and frowns you bring to others.

Demo

A live demo is available at https://vulcanwm.github.io/smile-counter/

Technologies Used

  • React
  • JavaScript
  • HTML
  • CSS

Features

  • Click the + button when you make someone smile to increment the smile count
  • Click the - button when you make someone feel sad to decrement the smile count
  • Uses localStorage to save the smile count on the user's device

Getting Started

To run this project locally:

  1. Clone this repository:
git clone https://github.com/VulcanWM/smile-counter.git
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. The app will be served at http://localhost:5173/smile-counter/

  2. Make changes to the src folder, and the browser will hot reload the changes.

Roadmap

  • Add a graph to visually track smile count over time
  • Add a "reason for smile" text input
  • Connect…




. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .