This is the front end for my waifu list. Currently it's same design as my old one, just with all the functionality implemented with React. I thought I'd start simple. Also, I'm really bad at UI/UX design. But, at long last, may I present: My finished waifu list!
To get started locally, clone the repo and install the necessary dependencies (React, Axiom). Then:
- Message me for the .env file. It exposes the Supabase bucket which I use to store all the waifu images, so I didn't want to include it here.
- npm start
node@16.15.0
@testing-library/jest-dom@5.16.5
@testing-library/react@13.4.0
@testing-library/user-event@13.5.0
axios@1.1.2
react-dom@18.2.0
react-scripts@5.0.1
react@18.2.0
web-vitals@2.1.4
Basically, I converted all the direct database calls from my previous project to Axiom REST API calls to my back end. Then, I saved the results to a React state and rendered it as a component.
I'm not using the Supabase package directly here, but instead just loading the images stored in a bucket from the public url.
Since I switched to deploying the back end on Microsoft Azure, which auto-generates a SSL certificate for the domain name, I can now deploy using Firebase.
If I ever decide to expand my waifu list web app here into something larger, I'll utilize Redux in order to properly manage all the different React states.
This project is licensed under the MIT License - see the LICENSE file for details.