https://github.com/olivpeter/doctorcare-lp

Developed during NLW Return in May 2022 by Rocketseat, the project is a responsive landing page for the DoctorCare medical consultation platform.
https://github.com/olivpeter/doctorcare-lp

javascript landing-page modal responsive-layout scss whatsapp-api

Last synced: about 1 month ago
JSON representation

Developed during NLW Return in May 2022 by Rocketseat, the project is a responsive landing page for the DoctorCare medical consultation platform.

• Host: GitHub
• URL: https://github.com/olivpeter/doctorcare-lp
• Owner: olivpeter
• License: mit
• Created: 2024-04-30T12:48:54.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-15T15:44:11.000Z (8 months ago)
• Last Synced: 2024-05-16T04:40:46.819Z (8 months ago)
• Topics: javascript, landing-page, modal, responsive-layout, scss, whatsapp-api
• Language: SCSS
• Homepage: https://doctorcare-lp.vercel.app
• Size: 1.17 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DoctorCare Landingpage

![](/assets/og_Image_1200x630.jpg)

A project developed in the Trilha Origin of NLW Return, by [Rocketseat](https://www.rocketseat.com.br/). The event took place between May 2nd and 8th, 2022.

This project is a responsive landing page layout designed initially for the DoctorCare medical consultation platform.

Layout is avaliable on [Figma Community](https://www.figma.com/community/file/1102912263666619803/doctorcare)

You can see in action [here](https://doctorcare-lp.vercel.app/)!

## 🔥 Functionalities

-   [x] Responsive layout

-   [x] Functional depositions carousel

-   [x] Smooth Scroll

-   [x] Responsive menu with open animation

-   [x] Open form modal on button click

-   [x] Save form data in variables

-   [x] Send Whatsapp mensage with Whatsapp API

## 🔨 Technologies

| HTML | SCSS | JavaScript |

| ---- | ---- | ---------- |

## 📚 Libs

-   [SwiperJs](https://swiperjs.com/get-started)

## ⚙️ Getting Started

-   First, clone this repository:

```bash

git clone https://github.com/olivpeter/doctorcare-lp.git

cd doctorcare-lp

```

-   Install dependencies:

```bash

npm install

```

-   Open with your IDE and run the project:

```bash

code .

npm run dev

```

You can start editing the page by modifying `index.html`. The page auto-updates as you edit the file. You can find style sheets files in `/scss`.