Recipe Trader

Culinary Social Network

https://recipetrader-demo.herokuapp.com/

I am very excited to announce RecipeTrader - my newest React.js demo website. RecipeTrader is a social network for sharing culinary recipes. It features user registration, login, and profile creation - all securely authenticated by JSON Web Token. Users can post recipes, and even like and comment on other users’ submissions.

This full-stack project employs a MongoDB backend, Express.js API, and a React.js frontend with Redux.js state management, and routes through React-router. It is deployed via a Heroku CI/CD pipeline, streamlined with Webpack, and accessible at recipetrader-demo.herokuapp.com

- Frontend (Node.js)

  • React.js
  • Redux.js
  • React Router

- API / Models

  • Express.js
  • MongoDB (Mongoose)

- Web Hosting

  • Heroku

- Security Features

  • JSON Web Token

- Bootstrap, CSS

  • Bootstap components were utilized to avoid tedious CSS customization.

- CSS, Inline Styles, and Styled Components

Three different ways of managing styles are demonstrated. - Inline styles - Styled components - Bootstrap classes

Other Notes

I used PivotalTracker to create and manage tickets for this project. This approach really boosts organization and priority management.