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 Router
- API / Models
- MongoDB (Mongoose)
- Web Hosting
- 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.
I used PivotalTracker to create and manage tickets for this project. This approach really boosts organization and priority management.