Coder Social home page Coder Social logo

medhatdawoud / dailymumm Goto Github PK

View Code? Open in Web Editor NEW
4.0 4.0 4.0 24.72 MB

MEAN stack app, DailyMumm is an Application to collect food orders from colleges in one place

License: MIT License

JavaScript 42.85% HTML 28.45% CSS 28.66% Ruby 0.04%
angularjs css mean-stack mongodb nodejs sass

dailymumm's People

Contributors

dependabot-preview[bot] avatar medhatdawoud avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

dailymumm's Issues

Create the Translation file and add Translation Module to Angular

We need later to make the application Multi language, or even if we need to facilitate the changing of labels in the application we should add a translation file and read from it all the labels and titles not to write any thing as hard coding inside HTML or JavaScript.

Create the subscription mailingList [ database and REST ]

We need to create a Model for the subscription list called "list" for example, and create its schema to get as much as subscribed people ids to be in the same list when ordering.

Create a Model in the data folder, and create REST api for adding a user to a list.

Don't forget to test it on Postman first

Create a page to view some mailingList and subscribers

Create a Controller in angular that view an HTML page to view a selected owned list and its subscribers as a list view, with management actions to kick some one from your list or to edit his name as alias or to edit the list name.

use the REST api to get lists of the user and the subscribers of the list. [ /list/:id ]

Create invitation confirmation process

Add emails to invite. DONE
insert invitation emails to subscribers. DONE
add invitation to the user collection to notify him. DONE
send emails with specified link to confirm. DONE
the link should open custom page for login or register. DONE
Create and design a new page called login. DONE
list invitations in profile page and has confirmation message to join or not to join DONE
if he clicks join then system will find the user object and insert it if found with confirmed. DONE

Style the Background of the application

Create a nice video for foods and an other solid photo to the background of the site and make sure to make it quite faded not to intercept with the text in the site

Create a user profile page

Create a user profile page where he view his data and latest orders [later on] and lists he join and lists he manage

Create the Authentication Layer for Node.js

we need to handle the authentication layer for node server to handle the future requests based on the access token we got with the client request, otherwise return 501 error not 404 nor 200 code, make sure to create a new access token for the user when he login and send it in the response of the login request, and make sure to check for it in any other request and if it's not exist in the request you should not proceed in the request and response with 501 unauthorized access.

Create a service to send emails

Use the Mailing Service create a REST api that will get the type of the mail and go to the mapped template of it and bind data that will be sent and send the invitation mail to the recipient email, with a link to subscribe to the list as fast as he signup.

Make sure to test it first on Postman.

Create mail template for inviting member to list

when any one in the list invite some one to the list he should get a mail with the invitation that will get him to login or create account then redirect him to the list which he is invited to.

Create Interceptors for request and response in the angular app

create a request factory and add it as interceptor to add the access token of the current user to each request to the server.

and create a response factory to filter all the response error codes and show the right error message so if it is 501 you should show you have no access to this service for example and if the code is 200 proceed and if the code is 404 you should redirect to 404 error page.

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.