https://github.com/nabinkhair42/medaavyas-homepage
https://github.com/nabinkhair42/medaavyas-homepage
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nabinkhair42/medaavyas-homepage
- Owner: nabinkhair42
- Created: 2024-06-09T12:56:56.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-25T08:22:33.000Z (10 months ago)
- Last Synced: 2024-08-25T09:32:28.387Z (10 months ago)
- Language: TypeScript
- Homepage: https://medaavyas-homepage.vercel.app
- Size: 6.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Learning Platform Landing Page UI
## Overview
This project is a landing page for a Learning Platform, designed to attract users and provide information about the courses and features offered. It is built using modern web technologies to ensure a responsive, fast, and accessible user experience.
## Technologies Used
- **Next.js**: A React framework that enables server-side rendering and generates static websites for React-based web applications. It provides a great developer experience with all the features you need for production.
- **Tailwind CSS**: A utility-first CSS framework for rapidly building custom designs. It helps in creating a responsive and highly customizable UI without writing a lot of custom CSS.
- **Shadcn UI Library**: A collection of high-quality UI components for React applications. It provides a set of ready-to-use components that can be easily customized and integrated into the Next.js application.
## Project Structure
The project follows a standard Next.js structure with additional organization to keep styles and components modular and reusable.
- **`/pages`**: Contains the main landing page component and other routes if needed.
- **`/components`**: Reusable UI components such as buttons, cards, and forms.
- **`/styles`**: Global and component-specific styles using Tailwind CSS.
- **`/public`**: Static assets like images, fonts, etc.
## Features
- **Responsive Design**: The landing page is designed to be fully responsive, ensuring it looks great on all devices, from mobile phones to desktops.
- **Fast Loading**: Optimized images and assets, along with Next.js's efficient handling of resources, ensure the page loads quickly.
- **Customizable Components**: Using Shadcn UI components, the design is highly customizable to fit various themes and branding requirements.
- **SEO Optimized**: Built-in SEO optimization with Next.js helps improve the landing page's visibility on search engines.
## Demo
Check out the live demo of the Learning Platform Landing Page: [Demo Link](https://medaavyas-homepage.vercel.app/)
## Getting Started
To get a local copy of the project up and running, follow these steps:
### Prerequisites
- Node.js (v14 or later)
- npm or yarn
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/nabinkhair42/medaavyas-homepage.git
2. **Navigate to the project directory:**
```bash
cd medaavyas-homepage
```
3. **Install Dependencies
```bash
npm install
```
4. **Running the Development Server:**
```bash
npm run dev
```
