https://github.com/nafisnihal/rizz-pharma
https://github.com/nafisnihal/rizz-pharma
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nafisnihal/rizz-pharma
- Owner: nafisnihal
- Created: 2025-03-16T18:41:39.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-16T21:36:43.000Z (3 months ago)
- Last Synced: 2025-03-16T22:25:37.566Z (3 months ago)
- Language: SCSS
- Size: 490 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# UFC X Rizz Pharma
## 📌 Overview
This project is a **landing page** designed for **Rizz Pharma** in collaboration with **UFC**. The page aims to showcase the partnership, highlight key pharmaceutical products, and provide an engaging user experience with a sleek and modern UI.
## 🚀 Features
- Stunning **reference-based design** for branding consistency
- **Responsive** and mobile-friendly layout
- **Engaging UI/UX** with animations and smooth scrolling
- **Product showcase** section highlighting Rizz Pharma’s key offerings
- **UFC Collaboration highlights** with dynamic content
## 🛠️ Tech Stack
- **Frontend:** React, SCSS
- **Tools:** Vite, Git, JSON API (for dynamic content)
## 🌐 Live Preview
Check out the live preview here: **[Live Demo](https://rizz-pharma-nn.vercel.app/)**
## 📂 Folder Structure
```
📦 rizz-pharma
├──📂 public
├──📂 src
├──📂 assets
├──📂 components
├──📂 styles
└──📂 utils
├──📜 App.css
├──📜 App.jsx
├──📜 index.css
├──📜 main.jsx
├──📜 .gitignore
├──📜 eslint.config.js
├──📜 index.html
├──📜 package-lock.json
├──📜 package.json
├──📜 README.md
└──📜 vite.config.js
```
## 📦 Installation & Setup
1. Clone the repository:
```sh
git clone https://github.com/nafisnihal/rizz-pharma.git
```
2. Navigate to the project directory:
```sh
cd rizz-pharma
```
3. Install dependencies:
```sh
npm install
```
4. Start the development server:
```sh
npm run dev
```
## 📡 API Integration
- Data is fetched from [Mock API](https://mockapi.io/)