Welcome to Startender!

A project made for the course DH2643 Advanced interaction programming, at KTH.

Table of Contents

• About The Project
  • Built With
• To get started

---

About The Project

The Startender is your digital bartender - just search for whatever you feel like drinking and the startender will suggest a delicious cocktail recipe. You can also create your own profile, comment on drinks, read other users comments and save your favorite drinks for future access. The app was built as a part of the course DH2643 Advanced interaction programming, at KTH Royal Institute of Technology. The page is deployed through Heroku and Netlify, and you can visit it at startender.netlify.app.

The landing page in light mode.

The landing page in dark mode.

Every drink comes with an image, a recipe, including images of all the different ingredients and comments from other users. Just click the "Read mode" button.

Drink modal in dark and light mode

The page is fully responsive and works for both mobile and desktop users.

A user logging in from mobile, visiting My Page and Home Page

The comment section in light and dark mode

(back to top)

---

Built With

Frontend

• Typescript
• React
• Redux-thunk
• Sass
• Formik

Backend

• Node JS
• Express JS

Database

• mongoDB
• The Cocktail DB

Deployment

• Backend: hosted with Heroku
• Frontend: hosted with Netlify

(back to top)

---

To get started:

Download the repo.

Run

npm install

in the backend directory as well as in client, in order to get the necessary packages for this app.

A .env folder is also needed in order to run this, contact us for this.

In the backend directory, run

npm start

In the client directory, run

npm run dev

and the app will be run locally at http://localhost:3000/

(back to top)