https://github.com/frau-azadeh/sunflowerdev

A beautifully crafted website using the latest web technologies. Built with passion, creativity, and modern tools, Sunflower is designed to deliver a seamless user experience.
https://github.com/frau-azadeh/sunflowerdev

api axios nextjs14 tailwindcss typescript

Last synced: 10 months ago
JSON representation

A beautifully crafted website using the latest web technologies. Built with passion, creativity, and modern tools, Sunflower is designed to deliver a seamless user experience.

• Host: GitHub
• URL: https://github.com/frau-azadeh/sunflowerdev
• Owner: frau-azadeh
• License: mit
• Created: 2024-12-01T07:24:19.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-09-16T06:50:12.000Z (10 months ago)
• Last Synced: 2025-09-16T08:38:36.806Z (10 months ago)
• Topics: api, axios, nextjs14, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://sunflower-dev.com
• Size: 6.43 MB
• Stars: 19
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# 🌻 Sunflower Website

A beautifully crafted website using the latest web technologies. Built with passion, creativity, and modern tools, **Sunflower** is designed to deliver a seamless user experience.

## 📸 Screenshots

### 💻 Desktop View

A clean and modern design for desktop users:

![Desktop View](https://github.com/frau-azadeh/sunflowerdev/blob/main/aboutme.png)

---

### 📊 Tablet View

Perfectly scales for tablets and mid-sized devices:

![Tablet View](https://github.com/frau-azadeh/sunflowerdev/blob/main/tablet.png)

### 📱 Mobile View

Fully responsive and optimized for mobile devices:

![Mobile View](https://github.com/frau-azadeh/sunflowerdev/blob/main/mobile.png)

---

## 🚀 Features

- **⚡ Next.js 14**: Leveraging the power of React with server-side rendering and API routes.

- **🎨 Tailwind CSS**: For fast, responsive, and modern styling.

- **🛠️ TypeScript**: Type-safe development for maintainable code.

- **📡 Mockfly API**: Mock data service powering the dynamic content of the site.

- **🌐 Vercel Deployment**: Deployed on Vercel for fast and reliable hosting.

## 🔗 Live Demo

👉 [Sunflower Website on Vercel](https://sunflowerdev.vercel.app)

---

## 🛠️ Tech Stack

| Technology     | Description                     |

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

| **Next.js**    | Framework for React             |

| **Tailwind**   | Utility-first CSS Framework     |

| **TypeScript** | Static Typing for JavaScript    |

| **Mockfly**    | API for mock data               |

| **Vercel**     | Hosting and deployment platform |

---

## 📦 Installation

### Prerequisites

- Node.js (v18 or higher)

- npm or yarn

### Steps

1. Clone the repository:

   ```bash

   git clone https://github.com/frau-azadeh/sunflower-dev.git

   cd sunflower-dev

   ```

### Install dependencies

    npm install

    or

    yarn install

### Run the development server

    npm run dev

### Open the app your browser

    http://localhost:3000

## 🤝 Contributing

Contributions are welcome! To contribute:

Fork the repository.

Create a new branch: git checkout -b feature/my-feature.

Commit your changes: git commit -m "Add my feature".

Push to the branch: git push origin feature/my-feature.

Submit a pull request.

Author : Azadeh Sharifi Soltani