I made a clone of Ualá with a custom 404-page using the React library paired with the Next.js framework.
1. React
I used the React Library to build the user interface for this website.
2. Next.js
I used the Next.js Framework to set-up the routing and website layout for this project.
3. Material-UI
I used Material-UI to enhance the UI/UX.
This site was primarily created to help familiarize myself with the Next.js framework and it's project structure. The website has a custom 404-page that allows users to navigate back to the homepage. The website that this project is based off of uses a wide variety of interesting style choices, this is one of the main reasons I picked this to clone this site.
I learned how to better organize my project file structure when working with Next.js and various methods of implementing global themes with Material-UI. The Material-UI library really helped speed up a lot of the design process and allowed me to keep a clean CSS.
Overall the project was easy to implement with Next.js and Material-UI. I will likely be using these tools more often as the process from start to finish was enjoyable.
