Giter Club home page Giter Club logo

evernote-like's Introduction

Evernote-Like

Projet réalisé avec Meteor : https://www.meteor.com/

Pourquoi l'utilisation de Meteor:

Javascript est un langage qui prend de plus en plus d'ampleur avec le développement de puissant framework tels que Angular, React ou Meteor. Bien que Meteor ne soit pas aussi répandu qu'Angular ou React, c'est un langage sur lequel nous avions déjà travaillé lors d'un projet personnel, nous nous sommes donc tous naturellement vers celui ci puisque nous avions déjà quelques connaissances et que nous voulions les approfondir.

Installer le projet:

  1. se rendre dans le fichier où l'on veut créer le projet et entrer la commande:
git clone https://github.com/MatthiasCruciani/EverNote-Like.git
  1. se rendre dans le fichier ainsi créé contenant le projet, et entrer la commande qui va installer les dépendances et les packages nécessaires pour le faire tourner:
meteor npm install
  1. il suffit ensuite d'entrer la commande suivante afin de lancer le projet, puis se rendre ensuite sur la page http://localhost:3000/:
meteor

Packages ajoutés

  • accounts-ui : Permet d'intégrer un formulaire de connexion/déconnexion
  • accounts-password : Gère l'inscription, la connexion et la déconnexion d'un utilisateur
  • juliancwirko:s-alert : Une gestion des alert javascript
  • juliancwirko:s-alert-genie : Un thème pour les alerts du package juliancwirko:s-alert
  • twbs:bootstrap : Bootstrap
  • iron:router : Permet la gestion d'applications web avec plusieurs vues (redirection en fonction de l'url)
  • momentjs:moment : Gestion des dates, permet de aisément les formater

Structure du projet

client

  • main.css : le css de l'application
  • main.html : definition du template principal de l'application qui va être appelé par le router pour y intégrer les autres templates
  • main.js : définition des routes du router

imports

  • api/notes.js : DAO. Définition de toutes les methodes qui interagissent avec la table notes, comme l'insertion, la mise à jour et la suppression de données
  • startup/accounts-config.js : configuration du package accounts-ui (inscription et connexion à partir du nom d'utilisateur et non de l'adresse mail)
  • ui/body.html : déclaration des principaux templates qui vont être intégrés dans le template principal
  • ui/body.js : gestion des templates (ex: les évènements...) présents dans ui/body.html (nottament la recherche)
  • ui/note.html : template d'affichage d'une note
  • ui/note.js : gestion du template note présent dans ui/note.html

server

  • main.js : import du fichier de DAO présent dans client/main.js, afin que le server puisse faire les recherches dans la base de données et communiquer les résultats directement aux templates concernés

Format de date

  • Le format de date à saisir lors de la recherche par date est le suivant : MM.DD.YYYY
  • Lors de la recherche entre deux dates, le format est le suivant : MM.DD.YYYY-MM.DD.YYYY

evernote-like's People

Contributors

heavylab avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.