As a person interested in learning new languages and practicing vocabulary I want a tool to create and save vocabulary flashcards So that I can study and memorize vocabulary on the go.
HTML, CSS, JavaScript, Jquery, Bootstrap, Node, Express, MongoDB(and Mongo Atlas), Mongoose, React, Google API, Axios, and FireBase(and Firestore), Heroku.
https://github.com/Jessica264365/PandaPatter
https://pandapatter.herokuapp.com/
As a person interested in learning new languages and practicing vocabulary I want a tool to create and save vocabulary flashcards So that I can study and memorize vocabulary on the go.
HTML, CSS, JavaScript, Jquery, Bootstrap, Node, Express, MongoDB(and Mongo Atlas), Mongoose, React, Google API, Axios, and FireBase(and Firestore), Heroku
Worked as a Project Manager to help maintain active communication throughout the process. Worked on logic to create the functionality of the flashcards, also worked on building and testing the database with Joe, and creating the logic to save new flashcards to our database. Used technologies such as: Javascript, MongoDB, Mongoose, React.
Set up the Firebase and FireStore. Created the UserProvider for the application, which contains the userContext for the current signed in user. Also set up the MongoDB Atlas database, the repo, and the Heroku application. Helped with the logic behind flipping the flashcards when they are clicked to display the other side. Wrote the functions on the login and register page to store the user data in the FireStore, also figured out the logic behind the login button so the user is redirected to the translate page. Set up the protected routes for the application.
Wrote api calls and set up the api for the app. Created the functionality for the translate page, Used Technologies such as: Google-translate api, react-bootstrap, react, JavaScript, node.
Helped work on setting up the backend of our project Panda Patter. I used mongodb and MongoDB Atlas to take care of the schema to save data from user input. Also used mongoose to take care of the modeling for Mongodb.
Worked with HTML, CSS, JavaScript,Jquery, React, Bootstrap, FontAwesome and also some code from W3school for this project. Worked to make the app responsive to make sure the app works on cell phones too. Made components to be used separately during using the app, created separate pages, made navbar, and sidebar components.
in your VS app path Terminal install these Dependencies: “bootstrap”: “^4.6.0", “concurrently”: “^5.3.0", “firebase”: “^8.2.7", “if-env”: “^1.0.4", “nodemon”: “^2.0.7", “react”: “^16.13.1", “react-bootstrap”: “^1.4.3", “react-dom”: “^16.13.1", “react-router-dom”: “^5.2.0", “react-scripts”: “3.4.3"
Type npm start and Enjoy using the app.
Got help Online from :
• https://www.google.com/
• https://www.w3schools.com/
• www.YouTube.com
• React
• MangoDB
• Mongoose
Thanks to John Young team class instructor and Ben Vaagen my TA. special Thank to Dan Mont-Eton team TA , and our Tutors for helping us to understand the contents.