Skip to content

A MERN app for checking what fruits and vegetables are in season right now.

Notifications You must be signed in to change notification settings

jasonherngwang/in-season-frontend

Repository files navigation

In Season

https://in-season-now.com/ (now disabled, after AWS Free Tier expiration)

In Season is an app for checking what fruits and vegetables are in season right now. There's a Basket feature that serves as a shopping list. Initial data is for Southern California, but with an account you can customize food details.

I built this app in Launch School, between the Core and Capstone phases. My goal was to use Just-in-Time Learning to pick up a handful of tools and concepts, and integrate them into a personal project. I wrote about my experience here: Article

Repositories: Frontend, Backend, Docker Compose, Images (Docker Hub)

Project Learning Goals

  • Collaborate with Capstone teammates to JIT learn new topics together
  • Improve timeboxing and work scope estimation skills
  • Build UI with React and Router; practice various hooks
  • Create a mobile-first design with Tailwind CSS
  • Build API with Express
  • Use TypeScript on frontend and backend
  • Write integration tests with Jest, E2E tests with Cypress
  • Compare relational and document models; setup database with with MongoDB and Mongoose
  • Configure Docker containers and coordinate with Docker Compose
  • Brush up on networking skills; deploy on EC2 instance with Nginx reverse proxy
  • Store images in S3 and distribute via CloudFront; practice AWS SDK

Diagrams

App Architecture

Architecture

State Management for Forms

State Management for Forms

Image Upload Feature

Image Upload Feature

Mobile-First Design

Mobile-First Design

Cloud Computing Stack

Cloud Computing Stack

About

A MERN app for checking what fruits and vegetables are in season right now.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published