Website completely based on Takuya Matsuyama's WhatIUse web! I tried to replicate the web Takuya's did because I really like how it look almost in every aspect and because I have not seen a similar web like this one before. In this case, I've made it completely in Php, with a backend included!
This is my firs time building a web that supports dark mode, and in my opinion the transitions between dark and light mode, is one of my favourite things (This is one of the reasons i loved the original one)
It'll be 2 photos with some information in between of them, making it minimaist and at the same time very clean.
I've code that using just 1 php file, you can see every cards information displayed in the same way. This make everything better in certain way, because this makes that you dont have to create 1 file per card and full the project folders with php files for the same thing.
For the final section of the frontend, i've added something new that the original web didn't have, because i thought it would make the web look more like a personal blog!
This is the section where you can see more personal information about the person, at the same time as you can see for example projects of the person displayed in cards! All this information is editable in the backend, where you can edit from the profile picture, to the location!
Here only the admin has acces to, due a login system added!
Once the admin is logged in, it'll find a copy of the landing page of the frontend, but everything here is to make sure it did upload, edit or delete the data correctly! So the cards dont actually are linked to nothing.
Here it'll displayed a table with every card and it's content. Every card is made with 3 images, the first one being the thumbail of every card, and the 2 others being the ones displayed inside of every card. Keep in mind this order because this order is the one used for the forms of Adding data and Editing data.
Just as i said, in this section you'll be able to:
- Add data
- Search based on what you're looking for
- Edit data
- Delete dete
All the images that are uploaded into the web, are saved locally in a folder called "files/images/"
To make sure the folder dont have infinite images everytime someone edit data, i made that it'll automatically delete the last images being used from the folder and the pc, and it will upload the new ones being edited. Same will happen when deleting data from the table.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent