fbrzrvn / memories-app

A simple social media app that allows users to post interesting events that happened in their lives. Full Stack MERN Application.

Memories app build using MERN stack.

The project

A simple social media app that allows users to post interesting events that happened in their lives.

Was build like a monorepo created with Yarn workspaces. The packages are api and web.

The web package will be run by default in the following url: http://localhost:3000.

The api package will be run by default in the following url: http://localhost:4000.

Getting Started

Install Dependencies

Because this is a monorepo you will need to run yarn in the root in order to get all the dependencies installed.

Each one has scripts that can be executed either individually or from the root of the monorepo.

See each package.json file to learn what scripts are available.

License

Licensed under the MIT License.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Fabrizio Ervini 💻 🖋 🔣 🎨 📖

This project follows the all-contributors specification. Contributions of any kind welcome!

memories-app's Issues

Models

• Recipe
• Comment
• User

Post Recipe

• Api
• Action
• Reducer
• Form

feat: Fetch Recipe

• Server Route
• Server Controller
• Client api
• Client action
• Client reducer
• Dispatch Action
• Client route
• Client page

Auth Components

• Update Header
• Login Layout
• Auth Page
• Auth Route
• Login Form Component
• Input Component

MVC

• Create API endpoint
• Create Controllers
• Connect DB cluster

Api Auth

• Server Route
• Server Controller
• Auth middleware
• Api
• Actions
• Dispatch action
• Decode token

Recipes Grid

• Card to render recipes in the home
• Link to open the single recipe
• Like and favorite icons

Fix Recipe Grid

• Add author
• Add date with moment
• Add delete button

Redux

• Store
• Actions
• Reducer
• Api
• Constant

Logout

• Reducer
• Dispatch Action
• Clear local storage
• Redirect to auth

Project Setup

• Client
• Server
• Add dependencies
• Connect back with front

Recipe Form

• Route to create recipe
• Recipe Form page
• Form component

Global Refactor

• Like action
• Recipe Card
• Add recipeId route

Fix post recipe route

• Change route to post new recipe

Header

• AppBar
• Drawer

Recipe Card

• Recipe information
• Comments
• Edit icon

Feat Delete Recipe

• Server Route
• Server Controller
• Client api
• Client action
• Client reducer
• Dispatch Action

Google OAuth

• GoogleButton
• Google Icon
• Register App on Google Dev
• Auth Reducer
• Store user in local storage
• Dispatch Action
• Update Header getting user from storage
• Redirect to Home

Fix Post Recipe

• Ingredients type from string to array
• Redirect to home

Fixes

• Disabled actions buttons when user in not logged in
• Fix image card height
• Fix margin main layout
• Fix like reducer

React Routing Setup

• Routing
• Layout
• Pages

Update Recipe

• Server Route
• Server Controller
• Api
• Action
• Dispatch
• UseContext

Favourite

• Handle favourite

Like Component

• LikeRecipe Controller
• Api
• Action
• Reducer
• Dispatch
• Like Component

Create Recipe

• Create fn to create new recipe
• Create post route
• Update controller to get recipes from DB

Comment Component

• comment form