- #1. Description
- #2. Technologies Used
- #3. Installation
- #4. Usage
- #5. License
- #6. Testing Instructions
- #7. User Story
- #8. Questions
- #9. [Collaborators](#collaborators github account)
----------------------------------------------------
## Description
Project Requirements
Your group will use everything you’ve learned throughout this course to create a MERN stack single-page application that works with real-world data to solve a real-world challenge, with a focus on data and user demand. This project will provide you with the best opportunity to demonstrate your problem-solving skills, which employers will want to see during interviews. Once again, the user story and acceptance criteria will depend on the project that you create, but your project must fulfill the following requirements:
Use React for the front end.
Use GraphQL with a Node.js and Express.js server.
Use MongoDB and the Mongoose ODM for the database.
Use queries and mutations for retrieving, adding, updating, and deleting data.
Be deployed using Heroku (with data).
Be responsive.
Be interactive (i.e., accept and respond to user input).
Include authentication (JWT).
Protect sensitive API key information on the server.
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.).
Have a high-quality README (with unique name, description, technologies used, screenshot, and link to deployed application).
CSS Styling
CSS library like Bootstrap
Tailwind.css
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
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.
Directions for Future Development
Links to the deployed application and the GitHub repository. Use the Guide to Deploy with Heroku and MongoDB Atlas on The Full-Stack Blog if you need a reminder on how to deploy to Heroku.
MongoDB
ExpressJS
React
NodeJS
Apollo
GraphQL
JWTAuth
Stripe
Bcrypt
Dotenv
React-Swiper
Toastify
Tailwind
JavaScript
# Installation To run this application locally: *this is for development purposes only Pull down and branch this repository Run npm i to install all dependencies Make sure to import your own Stripe and MongoDB keys Run the front and back-end servers with npm run develop
bcrypt
express
React
graphql
JWT
MONGOOSE
toastify
react-swiper
Mongodb
We would like to continue to add the following functionality to our application: Implement donate/save buttons in Recommendation Storing donation data in back-end Forgot password functionality Login with Google or Facebook options Creating category and user can make a donation wich category they want Category questionnaire for user
Ilknur Dayanc Bloomer
Ngandala Lopes
Reynaldo Mendez
Eric Reyes
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent