For this project we needed to create a React based app. It needed to use a database, allow for login and authentication, and use new technologies. We decided to base our app around using GraphQL and Material UI, both new technologies.
This app includes
- login page and a registration page that use Firebase as an authentication service.
- a home page that allows you to move to the search page and add page. The frontend/UI was done using Material UI
- An add page that allows you to add a new element to the database, based in GraphQL
- A search page that allows you to search for elements of the database, based in GraphQL
- An update page that allows you to update elements of the database, based in GraphQL
The connection is set up here for local use. Below in the commented out section is the JAWSDB connection.
- HTML
- CSS
- JavaScript
- React
- React-dom
- Axios
- Material UI
- GraphQL
- Firebase
- Apollo
- Fastify
Install all the dependencies available by using npm install command in the main folder, the src folder, and the client folder.
- React
- React-dom
- Axios
- Material UI-core
- Material UI-icons
- GraphQL
- Firebase
- Firebase-auth
- Apollo
- Fastify
The app can be used for costume designers to easily access a specific actor measurements when they are preparing for an upcoming movie, television show, theatre/dance performance, etc.
To show logout and login with Google Functionality.
This project was done by:
Anjali Pant -- https://github.com/Anjali9293
Jessica Zonta -- https://github.com/jessicaz47
Leah O'Gorman -- https://github.com/leahogorman
Shaun Samoridny -- https://github.com/SSamoridny
Victor Scherman -- https://github.com/vicscherman
research was done by searching material UI, react, GraphQL, Firebase, Apollo, and Firebase
For our design we worked off of Material Kit React
additional research was done by searching w3schools and stackoverflow
Additionally the project was done with aid from our instructors
Fil -- https://github.com/c0dehot
Daniel Ceballos -- https://github.com/shibeknight
The Heroku live link is:
The Github link is: https://github.com/jessicaz47/Project3