Courier4Me

• Courier4Me is a full-stack application

• The app enables the user to register and make an account as a user to send deliveries and packages to others, or as a courier to deliver others deliveries and packages

• The app link on Heroku: https://c39-hyf.herokuapp.com/

• app pages screenshots:

• Technologies used: React.js, Express.js , MongoDB , Node.js , Bootstrap , Css3, Html5

  

• The app consists of some pages and components:

• • Home page: which displays the app features
    • directs the user to the request page to make a request if the user has an account or to login page if not
    • directs the user to the account page if the user has an account or to login page if not

  

  • Press page: containing some information about the app and the parteners ...etc

  

  • FAQ page: containing some questions and answers about how to use the app to make a delivery or cancel it ...etc

  

  • Contact page: enables the user to send a message to the backend team

  

  • Account page:
    • containing the user information
    • containing a link to the page containig all deliveries if the user is a courier
    • containing all active deliveries the user as a courier can choose to deliver from all deliveries page
    • containing all the deliveries the user request
    • containing the delivery history of the user with the delivery status delivered or canceled
    • containing a link to a request page
    • enables the user to clear the deliverey history or even delete one delivery of them
    • enables the user to update her/his information
    • enables the user to upload profile picture which dislpays on the Navbar too
    • enables the user to delete her/his account with the deliveries and messages she/he made

  

  • All Deliveries (Pending Deliveries) page: containing all pending deliveries and user as a courier can select any one of them to deliver

  

  • Request page: enables the user to make a request by filling the form and then direct the user to your package page

  

  • Your package page: containing the delivery information and a button to make a new request

  

  • Login page: enables the user to login and switch to the Sign up page if user has not an account,
    • if the user foget the password also can reset the password
    • if the user enters a wrong password or email, will get an error message

  

  • Sign up page: enables the user to register and make an account as a user or a courier or both
    • the user have to enter a new email, and password with at least 6 numbers and characters including at least one uppercase and one lowecase letters
    • if the user enters a wrong password or email will get an error message
    • if the user not fill all form fields will get an error message
    • user have to check agree all terms to click on Register button

  

  • Components

    • Navbar:

      • containing the links to the app pages
      • containing the user's name, profile pic and a link to the account page if the user is logged in or Login , Signup links if not

      

    • Footer

    • containing the links to the app pages
    • containing a link directs to the account page if the user is logged in or to the Signup page if not

    

    • Buttons (Main button, Clear button , Sign button)

      

    • Error image

    

    • Loading image

    

  • The app is responsive to all screen sizes