miiakivi / favorite_beverages_tracker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Favorite Beverage Tracker

Welcome to the Favorite Beverage Tracker project! The app allows user to store information about their favorite coffee or tea brands. Users can save details such as the name, weight in grams, price, and roasting level.

It took approximately 6 hours to develop.

Features

Client

  • React and TypeScript
  • Input Fields:
    • Name
    • weight in grams
    • Package price
    • Roasting level (scale of 1 to 5)
  • List View: View all the saved coffee and tea entries in a table format.

Backend

  • Node and TypeScript
  • The backend stores coffee and tea entries in the array (beverages).
  • returns a full list to the client via a GET request.
  • adds new entries through a POST request.

Usage

Clone the repository to your local machine.

Server

Navigate to the server and install all dependencies

cd server && npm install

Start server

npm run start

Client

Open another terminal, navigate to the client and install all dependencies

cd client && npm install

Start client

npm run start

Access the application in your web browser at http://localhost:3000.

Technologies Used

  • React
  • TypeScript
  • Node.js
  • Express

About


Languages

Language:TypeScript 60.0%Language:CSS 19.6%Language:JavaScript 11.8%Language:HTML 8.7%