[x] Use MongoDB and the Mongoose ODM for the database.
[ ] Use queries and mutations for retrieving, adding, updating, and deleting data.
[x] #5
[x] Have a polished UI.
[x] Be responsive.
[x] Be interactive (i.e., accept and respond to user input).
[x] #6
[x] Protect sensitive API key information on the server.
[x] Have a clean repository that meets quality coding standards (file structure, naming conventions, best practices for class and id naming conventions, indentation, high-quality comments, etc.).
[x] Have a high-quality README (with unique name, description, technologies used, screenshot, and link to deployed application).
[x] Finally, you must add your project to the portfolio that you created in Module 20.
You should also consider the following suggestions to help your project stand out:
CSS Styling
Instead of using a CSS library like Bootstrap, consider one of the following suggestions:
[ ] Look into the concept of CSS-in-JS, which abstracts CSS to the component level, using JavaScript to describe styles in a declarative and maintainable way. Some popular libraries include styled-components and Emotion.
[x] Create all the CSS for your application just using CSS.
Ultimately, it doesn't matter which of these options you choose—it just needs to look professional and be mobile-friendly.
Payment Platform
[ ] #9
Consider integrating the Stripe payment platform. Even if you don’t create an e-commerce application, you could set up your site to accept charitable donations.
Bonus
[x] #8
Although this is not a requirement for your project, see if you can also implement functionality to meet the minimum requirements of a PWA:
Project Requirements
You should also consider the following suggestions to help your project stand out:
CSS Styling
Instead of using a CSS library like Bootstrap, consider one of the following suggestions:
[ ] Look into the concept of CSS-in-JS, which abstracts CSS to the component level, using JavaScript to describe styles in a declarative and maintainable way. Some popular libraries include styled-components and Emotion.
[x] Try using a component library, such as Semantic UI, Chakra UI, or Ant Design.
[x] Create all the CSS for your application just using CSS.
Ultimately, it doesn't matter which of these options you choose—it just needs to look professional and be mobile-friendly.
Payment Platform
[ ] #9 Consider integrating the Stripe payment platform. Even if you don’t create an e-commerce application, you could set up your site to accept charitable donations.
Bonus
[x] #8 Although this is not a requirement for your project, see if you can also implement functionality to meet the minimum requirements of a PWA:
Uses a web manifest
Uses a service worker for offline functionality
Is installable