Lorde Fansite

The purpose of this project was to put my grid and flex layout, web responsiveness, UI/UX, TypeScript skills from theory into practise

And the perfect way I knew how was to build a fun project that expresses a love for thee famous singer, Lorde. I also aimed to practise how to integrate third party authentication tools like Auth0 and how to establish protected routes, conditionally render based on authenticated user.

But that has then been removed as it is redundant to require login for a static project as this.

Regardless, the lessons have been learned. Check it out

Landing Page

About Section showing off my grid/flex layout. All responsive

Stack Used

• React 18.2.0
• TypeScript 4.9.5
• TailwindCSS 3.2.7
• Lottiefiles 3.5.2
• Auth0 2.0.1 (removed)

To run the project

In the project directory, you can run:

• npm start

  • Opens server page to view it in the browser.
  • The page will reload if you make edits.
  • You will also see any lint errors in the console.

• npm run build

  • Builds the app for production to the build folder.