An open API service indexing awesome lists of open source software.

https://github.com/sandundil2002/haven-laptop

This repository contains the React-based code for a responsive laptop store website. Built with Vite and Tailwind CSS, it enables users to explore products and connect with support.
https://github.com/sandundil2002/haven-laptop

css javascript reactjs tailwind-css vercel vite

Last synced: about 1 year ago
JSON representation

This repository contains the React-based code for a responsive laptop store website. Built with Vite and Tailwind CSS, it enables users to explore products and connect with support.

Awesome Lists containing this project

README

          

Typing SVG

project-image

Welcome to the Haven Laptop project repository! This project is a sleek and user-friendly website for the "Haven Laptop" store built with React and Vite and featuring a blue and white design. Here customers can explore a variety of laptops learn about the store's offerings and contact us for further assistance.

Project Screenshots:

project-screenshot
project-screenshot
project-screenshot
project-screenshot
project-screenshot

project-screenshot
project-screenshot
project-screenshot
project-screenshot
project-screenshot


🧐 Features

Here're some of the project's best features:

* Dynamic Navbar: An easy-to-use navigation bar for effortless browsing.
* Responsive Design: Fully responsive for both desktop and mobile screens.
* Interactive Pages: Home/ About/ Services/ Products/ Reviews
* Contact Us Form: Allows users to reach out to the store.
* Blue & White Theme: Aesthetic design for a professional and modern look.

🛠️ Installation Steps:

1. Prerequisites

```
Node.js (v14 or later) & npm (Node Package Manager)
```

2. Clone the repository:

```
git clone https://github.com/sandundil2002/Haven-Laptop.git
```

3. Navigate into the project directory:

```
cd haven-laptop
```

4. Install the dependencies:

```
npm install
```

5. Start the development server:

```
npm run dev
```

6. Open your browser and visit to view the project.

```
http://localhost:5173
```

🍰 Contribution Guidelines:

Contributions are welcome! Follow these steps:

* Fork the repository.
* Create a new branch (git checkout -b feature-branch).
* Commit your changes (git commit -m 'Add new feature').
* Push to the branch (git push origin feature-branch). 5). Open a pull request.


💻 Built with

Technologies used in the project:

* Frontend: React Vite HTML5 CSS3 JavaScript
* Styling: Tailwind CSS Native CSS
* Routing: React Router
* Icons: Icons8
* Version Control: Git

🛡️ License:

This project is licensed under the MIT License - see the LICENSE file for details.