Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vipulkatwal/startup-landing-page

This project is focused on building a visually striking landing page for a SaaS (Software as a Service) application. The goal is to showcase the developer's front-end development skills and create an engaging user experience.
https://github.com/vipulkatwal/startup-landing-page

framer-motion nextjs shadcn-ui tailwindcss

Last synced: 2 months ago
JSON representation

This project is focused on building a visually striking landing page for a SaaS (Software as a Service) application. The goal is to showcase the developer's front-end development skills and create an engaging user experience.

Awesome Lists containing this project

README

        

# 🚀 Startup Landing Page

![preview](public/screenshot.png)

## 📝 Project Overview

The **Startup Landing Page** project is designed to **elevate** my front-end development skills by crafting a visually striking landing page for a SaaS application using:
- 🔧 Next.js 14
- 🎨 Shadcn UI
- 💨 TailwindCSS
- 🌟 Framer Motion

## 🛠 Prerequisites

Before you begin, ensure you have the following installed:
- Node.js (recommended latest version)
- npm (Node Package Manager)

## 🚦 How to Run the Project

To run this project on your local environment, follow these steps:

1. 📦 Clone the repository:
```bash
git clone https://github.com/vipulkatwal/startup-landing-page.git
cd startup-landing-page
```

2. 📦 Install dependencies:
```bash
npm install
```

3. 🚀 Start the production build:
```bash
npm run start
```

4. 🌐 Open your browser and navigate to:
[http://localhost:3000](http://localhost:3000)

## 🔗 Project Links

- 🖥 GitHub Repository: [github.com/vipulkatwal](https://github.com/vipulkatwal)

## 💡 Features
- Responsive design
- Modern UI components
- Smooth animations
- SaaS landing page template

## 🤝 Contributions
Contributions, issues, and feature requests are welcome!