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

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

VulcanWM / smile-counter

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

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. The app will be served at http://localhost:5173/smile-counter/

5. 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…

View on GitHub

Comments

[Michael Tharrington]

Haha, this sounds like a fun one! At first I thought it was counting the number of smiley emojis you use... might be something cool to try and create in the future, sorta like how Slack shows your most used emojis.

[Medea]

i'll try looking into that, seems like a cool project idea!