Skip to content

Stranger Calc, a spooky double-skinned React calculator app in time for the holidays

Notifications You must be signed in to change notification settings

chauxvive/StrangerCalc

Repository files navigation

Rocktzar logo

Stranger Calc 🎃👻

A double-skinned calculator built with React + Vite just in time for Spooky Season—because even your calculator should be appropriately spooky!

🔗 Try it out here


🔹 The Project

This app was built as part of the FreeCodeCamp Front End Libraries path, inspired by the JavaScript Calculator challenge. It features:

Two Skins: Classic Mode & Upside Down Mode 👀
Fully Responsive Design
Built with React + TypeScript for smooth performance


🔹 The Problem

The goal was to create an app functionally similar to this: FreeCodeCamp JavaScript Calculator.

Requirements:

  • Get all tests to pass ✅
  • Implement React & TypeScript
  • Make it aesthetically pleasing & unique
  • Use a modern front-end build tool (Vite)

🔹 Technologies Used

  • React (Component-based UI)
  • TypeScript (Type-safe development)
  • Vite (Fast build tool)
  • HTML5 & CSS3 (Responsive, accessible styling)

🔹 How to Run Locally

  1. Clone the repository
    git clone https://github.com/chauxvive/StrangerCalc.git

  2. Navigate to the project folder

    cd StrangerCalc

  3. Install dependencies

    npm install

  4. Start the development server

    npm run dev

  5. Open the app in your browser

Visit: http://localhost:5173/


🔹 Who Am I?

I’m a Software Developer & Marketing Specialist from Connecticut, open to new roles in development, project management, and design-driven tech solutions.

📩 Let’s connect! LinkedIn | GitHub


💡 Suggestions or bug reports? Open an issue or submit a PR! 🚀

About

Stranger Calc, a spooky double-skinned React calculator app in time for the holidays

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published