https://github.com/jakegodsall/fm-sunnyside-landing

Personal solution to the Sunnyside Landing Page challenge by Frontend Mentor
https://github.com/jakegodsall/fm-sunnyside-landing

framer-motion nextjs reactjs tailwindcss

Last synced: about 1 month ago
JSON representation

Personal solution to the Sunnyside Landing Page challenge by Frontend Mentor

• Host: GitHub
• URL: https://github.com/jakegodsall/fm-sunnyside-landing
• Owner: jakegodsall
• License: mit
• Created: 2024-02-21T18:58:55.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-03-14T12:37:03.000Z (11 months ago)
• Last Synced: 2024-03-14T13:35:27.923Z (11 months ago)
• Topics: framer-motion, nextjs, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://jakegodsall-sunnyside-landing-page.netlify.app/
• Size: 1.01 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - Sunnyside agency landing page solution

This is a solution to the [Sunnyside agency landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/sunnyside-agency-landing-page-7yVs3B6ef). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

## Overview

### The challenge

Users should be able to:

-   View the optimal layout for the site depending on their device's screen size

-   See hover states for all interactive elements on the page

### Screenshot

![](./complete/complete-screenshot.png)

### Links

-   Solution URL: [GitHub](https://github.com/jakegodsall/fm-sunnyside-landing)

-   Live Site URL: [Netlify](https://jakegodsall-sunnyside-landing-page.netlify.app/)

## My process

### Built with

-   [React](https://reactjs.org/) - JS library

-   [Next.js](https://nextjs.org/) - React framework

-   [TailwindCSS](https://tailwindcss.com/) - Utility-first CSS framework

-   [Framer Motion](https://www.framer.com/motion/) - Animation library

## Author

-   Website - [Jake Godsall](https://jakegodsall.com)

-   Frontend Mentor - [@jakegodsall](https://www.frontendmentor.io/profile/jakegodsall)

-   LinkedIn - [@godsalljake](https://www.linkedin.com/in/godsalljake/)

## License

This project is open source and available under the [MIT License](./LICENSE).