Backstage Talks Clone is part of the frontend challenge proposed by Frontend Practice. Check out the challenge here. The purpose of this project is to implement a visually appealing slide catalog page using mainly "scroll-snapping" and "anchor-link" techniques.
- NextJS
- Typescript
- Styled Components
- Github actions
- AWS S3
- Conventional Commits
- Use of scroll-snapping to implement Vertical Full Screen
- Implement the useTrackActiveSection to track active anchor link
- Add a HOC to prevent client-side features on server-side
- Allow rendering styled components on server-side
- Deployment to S3 bucket with Github Actions
- Add CSS Transitions to make changes between pages smooth
- Clone the repository:
git clone [email protected]:boceto1/backstage-talks-clone.git - Navigate to the project directory:
cd backstage-talks-clone - Install dependencies:
yarn install
- Start the development server:
yarn dev - Open your browser and visit
http://localhost:3000
Check out the live demo of Backstage Talks Clone here
- Implement a mobile-responsive design
- Add a manager to add a "n" numbers of catalog items
- Add a theme manager to change the colors and typography of slides
This project is licensed under the MIT License.
For any questions or inquiries, feel free to reach out to me at [email protected].
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent