Backstage Talks Magazine Landing — Replica

In this project, I recreated the landing page of Backstage Talks Magazine's website. This was a challenge from Frontend Practice. The project involves creating the full-page scroll background transitions & anchor link. The website be mobile responsive. You'll notice there is no full-page scroll on smaller screens.

Tech Stack

Client: React, TailwindCSS.

Hosting: Vercel.

Screenshots & Demo

View Live Demo

Run Locally

Clone the project

  git clone https://github.com/victorcodess/backstage-talks

Go to the project directory

  cd backstage-talks

Install dependencies

  npm install

Start the server

  npm run dev

Learnings

In this project I learnt a couple of new things, especially CSS and JavaScript animations. The toughest part was recreating the scroll transitions that made the background color change. I also had fun making the scoll snap for each magazine section.

License

MIT