Skip to content

👨‍🍳 My own recipe website build with NodeJS, Express and MongoDB

Notifications You must be signed in to change notification settings

LeaG76/recipe-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Recipe website

My own recipe website

CSS3 EJS Express HTML5 Javascript MongoDB Nodejs

Last commit Commit activity Repo size

About

Functionalities

Categories:

  • Create recipe categories with an image (examples: breakfast, meals, salads, sandwiches, ...)
  • Edit recipe categories
  • Show all recipe categories
  • Show the detail of each category

Recipes:

  • Create cooking recipes with all this information:
Name and description Source link (from a website, youtube video) Category
One or more photos A list of ingredients A list of instructions
A list of materials (tools) A list of tags Total time
Preparation time Cooking time Level (beginner, intermediate, advanced)
Number of persons And if the recipe is in favorites or not
  • Edit cooking recipes
  • Delete cooking recipes
  • Show recipes in alphabetical order
  • Show the latest recipes
  • Show recipes by category
  • Show a random recipe
  • Show favorite recipes

Other:

  • Recipe name search
  • Menu of the week
  • Shopping list according to the ingredients of the chosen recipes

Technologies / Tools

Back

  • Node.js
  • Express
  • MongoDB

Front

  • EJS files
  • CSS3
  • Fontawesome
  • Swiper JS v.8.4.4 : create sliders

Todo list

Todos
  • Homepage En cours
    • Zone "Pourquoi PaléoDélices ?"
    • Slider catégories OK
    • Slider dernières recettes : https://youtu.be/li-ylRo7VEc OK
    • Zone "Ajouter des recettes"
    • Responsive En cours
  • Page à propos En cours
  • Page catégories En cours
  • Page recettes En cours
  • Log in et gestion des affichages en fonction utilisateurs
  • Breadcrumbs : au format mobile mettre des ... pour ceux entre l'icon home et la page en cours, OU mettre juste les 2 dernières pages
Idées
  • Animation en foudu pour afficher les container sur les pages
  • Animation en foudu (différents fondus) pour afficher les images sur la page about
  • Bouton pour revenir en haut de page
  • Ajout message type alert quand on a bien créé/modifié une recette/catégorie
  • Message type modal si on veut supprimer une recette ?
  • Alerte en bas/en haut lorsqu'on a bien supoprimé une recette ?
  • Alerte si ajout dans le menu ou dans la liste de courses ?