https://github.com/felipefama/huddle-landing-page-with-curved-sections

Huddle landing page with curved sections
https://github.com/felipefama/huddle-landing-page-with-curved-sections

flexbox frontendmentor frontendmentor-challenge react reactts sass sass-mixins typescript usestate vite vitejs

Last synced: about 1 month ago
JSON representation

Huddle landing page with curved sections

• Host: GitHub
• URL: https://github.com/felipefama/huddle-landing-page-with-curved-sections
• Owner: FelipeFama
• Created: 2022-12-16T18:03:05.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-29T04:46:25.000Z (almost 2 years ago)
• Last Synced: 2024-10-13T02:04:14.085Z (about 1 month ago)
• Topics: flexbox, frontendmentor, frontendmentor-challenge, react, reactts, sass, sass-mixins, typescript, usestate, vite, vitejs
• Language: Sass
• Homepage: https://huddle-landing-page-with-curved-react.netlify.app/
• Size: 209 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# huddle-landing-page-with-curved-sections

## Desktop Layout

![huddle-landing-page-with-curved-desktop](https://user-images.githubusercontent.com/91050670/209904241-af203fa8-8abf-4628-9d9f-80918457c50f.png)

## Responsive Layout

![huddle-landing-page-with-curved-mobile](https://user-images.githubusercontent.com/91050670/209904256-4bee61b5-9740-4eee-881d-a1e8a2fcf952.png)

## :rocket: Run Project

```bash

npm install

npm run dev

or

yarn install

yarn run dev

```

## :wrench: Technologies Used

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

## :book: Project Information

- huddle landing page with curved sections solution frontendmentor

- 
Challenge link: Front end Mentor Challenge


- Semantic HTML5 markup

- SASS preprocessor 

- SASS mixins

- Flex

- Media queries and responsivity

## :bulb: Author: Lipeh Fama

   My links:

   
Front end Mentor Profile

   
My Github