PetCare Landing Page

Overview

PetCare Landing Page is a single-page web application designed to promote pet care services and products. It serves as an entry point for users to learn about available services, explore offerings, and get in touch with the business. The landing page is built using React.js and utilizes various libraries and tools to enhance user experience and streamline development.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation
  • Running the Development Server
• Building the Project
• Preview
• Used tools

Getting Started

Prerequisites

Ensure that you have the following tools installed on your system:

Node.js (v14 or later) NPM (Node Package Manager)

Installation

1. Clone this repository to your local machine:

git clone https://github.com/joaopaulosf/petcare-landingpage.git

2. Change your current directory to the project folder:

cd petcare-landingpage

3. Install the project dependencies using npm:

npm install

Running the Development Server

To run the development server and start working on the PetCare Landing Page project, use the following command:

npm run dev

This will launch the Vite development server, and you can access the application in your browser at http://localhost:3000

Building the Project

To build the PetCare Landing Page application for production, use the following command:

npm run build

This command will transpile TypeScript code using TypeScript compiler (tsc) and bundle the application using Vite. The production-ready files will be available in the dist folder.

Preview

To preview the production build locally before deployment, use the following command:

npm run preview

This command will serve the production build locally, and you can access it in your browser at http://localhost:5000

Used tools

This project uses the following tools:

• React
• TypeScript
• Vite
• Swiper