TeaLab is a whimsical full-stack browser-based application built using ReactJS, Cloudinary, CSS, PostgreSQL and Express

Overview

Logo

TeaLab

TeaLab is a whimsical full-stack browser-based application built using ReactJS, Cloudinary, CSS, PostgreSQL and Express. Users are able to create and collect teas, that makes learning about tea fun! Users will be able to save, edit and delete their tea recipes on a recipe profile page.

Dependencies

Team Members

Contributing Team Members Github LinkedIn
Sam Melius Oxford Github LinkedIn
Clare McDonald Github LinkedIn
Ari Harlem-Caballero Github LinkedIn
Alice Hsing Github LinkedIn
Ryan Flitcroft Github LinkedIn

Backend API

This app runs on a PostgreSQL database using Node.js/Express.

Routes

User Routes

  • POST /api/v1/users/
  • POST /api/v1/users/session
  • GET /api/v1/users/me
  • DELETE /api/v1/users/session

Ingredient Routes

  • POST /api/v1/ingredients
  • GET /api/v1/ingredients
  • GET /api/v1/ingredients/:id
  • PATCH /api/v1/ingredients/:id
  • DELETE /api/v1/ingredients/:id

Recipe Routes

  • GET /api/v1/recipes
  • GET /api/v1/recipes/count
  • GET /api/v1/recipes/:id
  • GET /api/v1/recipes/users/:id
  • POST /api/v1/recipes
  • PATCH /api/v1/recipes/:id
  • DELETE /api/v1/recipes/:id
You might also like...
Wink - Full-stack social webapp written in TypeScript, React & Express
Wink - Full-stack social webapp written in TypeScript, React & Express

Wink Full stack social web app made with TypeScript, React & Express

A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powered by RAWG API.
A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powered by RAWG API.

Game Store Monorepo A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powe

A full stack task manager application built with node, react,mongodb,and mantine.

A full stack task manager application built with node, react,mongodb,and mantine.

DSMovie - a full stack web and mobile application built during the Spring React Week
DSMovie - a full stack web and mobile application built during the Spring React Week

The application consists of a web page with a list of some movies. The page allows user interaction through ratings of movies listed in the web app.

*CyberCode Online is a browser & mobile based MMORPG game that is disguised as VS Code in the browser*
*CyberCode Online is a browser & mobile based MMORPG game that is disguised as VS Code in the browser*

*CyberCode Online is a browser & mobile based MMORPG game that is disguised as VS Code in the browser* where you click functions and variables in the ever-changing source code to navigate your character in a Cyber Punk inspired world.

A social media Full Stack Application using React, Node.js
A social media Full Stack Application using React, Node.js

PinShare This is a Full Stack Application using React, Node.js, sanity the app is called PinShare and it is a simple social media app that allows user

 Full-stack application example Using NodeJS + NestJS, React + SASS, MongoDB, NX monorepo
Full-stack application example Using NodeJS + NestJS, React + SASS, MongoDB, NX monorepo

Full-stack application example Using NodeJS + NestJS, React + SASS, MongoDB, NX monorepo

Full Stack TikTok Clone with REACT.JS! (Next.js, Tailwind CSS, Video Uploading, Google  Authentication, Tik-Tok Profile)
Full Stack TikTok Clone with REACT.JS! (Next.js, Tailwind CSS, Video Uploading, Google Authentication, Tik-Tok Profile)

TikTok Clone with REACT.JS! Full Stack TikTok Clone with REACT.JS! (Next.js, Tailwind CSS, Video Uploading, Google Authentication, Tik-Tok Profile) Vi

Full Stack E-Commerce App built with React, using Firebase and Stripe API. 🗽🚀
Full Stack E-Commerce App built with React, using Firebase and Stripe API. 🗽🚀

Full Stack E-Commerce App built with React, using Firebase and Stripe API. 🗽🚀

Owner
null
Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)

?? Shopping App ?? Online Marketplace Built with MERN stack (MongoDB, Express, React and Node). ⚡️ ⚡️ ⚡️ Kiwi Shop ⚡️ ⚡️ ⚡️ ?? Table of contents Main

Tomiwa Adeyemi 10 Dec 23, 2022
A full E-Commerce Full Stack Amazon Clone which built using ReactJS. You can register, sign in and shop!

Amazon Clone with ReactJS In this Amazon Clone application you can register on the site, log in with your account, shop, pay for the products and see

Mert Çankaya 15 Jul 7, 2022
A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!

A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!

Özge Coşkun Gürsucu 50 Oct 3, 2022
A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality

A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality including user register, user login, user authentication, shop cart management, order management, and payment using Stripe, etc.

Mostafa Habib 3 Aug 18, 2022
Smart-face-detector - A face detector application made with React JS, Node JS, Express JS, and PostgreSQL.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Ken Tandrian 1 Sep 24, 2022
Full Stack e-commerce app built with Express, Node.js, MySQL and React

Auction Point Auction Point is a website where users can buy and sell items. My aim with this Full Stack project was the design and development of an

Themis Valtinos 7 Dec 29, 2022
E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

Jose Furtado 11 Jan 2, 2023
A teaching tool to introduce youth to the concept of investing and the benefits of long-term investment. (React, NodeJS, Express, PostgreSQL, Socket.io)

SmartMoney is an app that teachers can use to introduce students to the concept of investment and show them how it is a smart way to grow their money.

Kurtis Grant 2 Apr 4, 2022
Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io

Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Jigar Sable 327 Jan 4, 2023
React, Next.js, MaterialUI, Styled-Components, TypeGraphQL, URQL, ApolloServer (express), TypeORM, PostgreSQL, Node.js, TypeScript

This repo is inspired by https://github.com/benawad/lireddit Features Include: Server-side rendered data from postgres Create user graphql mutation wi

Brayden Werner 173 Dec 20, 2022