This project began as a hackathon project created with @AndyRoo0 to introduce us to the concepts of authorisation and authentication and to use Auth0 for the first time.
I am now continuing this project alone to teach myself more about Auth0, React and CSS and to add a load of new featuers to the project.
Hackathon Features:
- Login/logout buttons and dinosaur images that only display when logged in
- Clickable user image when logged in that leads to another 'page' where you can see your data and metadata
- Image shown to the user of their favourite dinosaur (based on hard-coded metadata information)
- Functioning back button to return to 'homepage'
- Some CSS on 'homepage' and buttons
Personal Project Work - Extra Features Created Since Hackathon:
- Show user their favourite dinosaur image feature now fully functional ✅
- Refactored to use ternaries ✅
- Project now linked to my own Auth0 account ✅
- Login/Logout refactored into one component ✅
- Rainbow CSS effect on login button ✅
Read more about the planning for the above and my future/stretch goals with this project: Plan.md
To be completed: What did you learn while building this project? What challenges did you face and how did you overcome them?
Languages Used: JavaScript, CSS, HTML
Packages, Libraries and Frameworks: React, Auth0, React Router DOM
I am @Suzi-Clark and I am training with the current School of Code bootcamp. I will be looking for my first role in tech (hopefully as a full-stack developer) after the bootcamp ends in February 2023.