This team roster includes goodies and baddies from the Marvel Universe.
- get started by looking at startup readme with instructions on how to clone
- Note: this uses Fetch API calls, not axios
- This is the starting point of the data structure ERD
- Mockaroo example of faux data
- Basic Wireframes
- This app can is for anyone who would like to keep track of their favortie Marvel members
- You can CRUD through each member and search to find your members
- This app is google authenticated using Firebase
- You can search by role or by name of member
// search bar component with dynamic Next.JS router
export default function SearchBar() {
const [searchInput, setSearchInput] = useState('');
const router = useRouter();
const handleChange = (e) => {
setSearchInput(e.target.value.toLowerCase());
// console.warn('e.target.value', e.target.value.toLowerCase());
};
const handleSubmit = (e) => {
e.preventDefault();
if (searchInput !== '') router.push(`/search/${searchInput}`);
setSearchInput('');
};
- Thank you for rubber ducking your dynamc routes using Next.JS Eric!!
- Thank you to E21 for guiding me through my errors and discussion tickets