add links to the app cards and display all apps

• Rewrite appCard.ejs to show all apps in database
• Link the cards with their app details page

Create card view for apps

• create card component as figma design
• include in the homepage

Using Cypress and Jest

• 1 Smoke test
• Unit tests
• Integrate in CI pipeline

Create view for detail page

• view according to figma
• route with parameter, e.g. /app/:id
  (for now just print the ID as a text)

Create the home page
index.ejs

• Suggested app in cards

Create upper part of homepage

• navbar
• header

only frontend

• prepare seeds.js
• prepare mages folder for brand logos (for our seed data on homepage)

As a user, I want to edit the sustainable applications that I have added.

• Edit app page
• Backend update in database

• Install mongoose package
• Connect to database
• Create schema for green apps (without user)

• Create user schema in backend
• Implement read in userController
• Read users page access through deep link /users

As a user, I want to delete the sustainable applications that I have added.

• Add a delete button
• Delete in database

• implement the front end of the adding new application page according to the Figma with "add short description" fields or "add slogan"

• add categories carousel from (already exsisting component)

• add complete button

• try to implement category slider with drop down element

https://stackoverflow.com/questions/22087076/how-to-make-a-simple-image-upload-using-javascript-html

• title
• description
• website
• logo?
• category

bla

• error page
• controller
• route

• add header frontend for logged in in order to be able to add alternatives

As a registered user, I want to be able to edit my profile so that I have control over my information.

• Edit page
• Backend

• Flash message
• Existing email/username check

Show top part of the page (background, circle, name)

• Search bar with search button
• Categories components with 7 categories : Food, Lifestyle., Shopping, Social. Household, Transport ,Finance
  It is a slider, should have sliding function

• Add database functions to controller to save entries from the "Add new app" form
• Check if new entry is in database
• Redirect to Thank You page if it worked
• Error handling (for now just console.log the error or send Internal Error message)

• implement the logic behind uploading the image

• remove the "Your Sustainable apps" from the home page
• add a picture to the home page and a slogan on the picture.(GreenPick) like in ImmoScout 24
• add a new more sophisticated search bar

• delete appstore download button keep website button
• add favorite button in form of <3, color red

reuse the layout from figma

Add all basic styles in

• styles.css

• replace userID in routes
• error handling: show error page when accessing profile without authentication

• Logo/Name of project
• Email
• Password
• Login button

As a registered user, I want to have a profile page, where i can see my personal information, and have clear overview which sustainable applications I added or liked.

• responsive design for details page (add #detail-page before .description (line 72-90) where you can find the media breakpoint for smaller screens in detailsPage.css)

• github actions

• Profile
• name/logo
• Search
• add alternatives

• test authentication (functional or smoke tests)
• revert Jest warning so that tests finish

• implement the has with bcrupt: the bcrypt package, an encryption algorithm makes
  sure that no plain-text passwords are saved to your database.

• validation middleware:
  At the end of the lesson, you apply additional validation middleware with express-validator.

• create frontend part of the page

• make a sign-up page based in login Page with @kimc0de

• move render function to separate controller
• Rewrite the controller for detailspage to retrieve data from database

Tasks:

• delete guest user tag
• delete points
• delete browser, project
• add your apps tab
• add favorite apps tab
• a screen with the message for not logged in user

• create a shared heroku account
• rename it
• create account on mongo atlas & connect with our app
• deploy to heroku