https://github.com/myashavanth/uifry
UrFry: A sleek single-page landing app with smooth scrolling, built using HTML, CSS, JavaScript, React, and Chakra UI. Features include Home, Features, Advantages, About Us, and FAQs. Powered by react-scroll for seamless navigation.
https://github.com/myashavanth/uifry
chakra-ui context-api css html5 javascript module-css react-dark-mode-toggle react-icons react-scroll
Last synced: about 1 month ago
JSON representation
UrFry: A sleek single-page landing app with smooth scrolling, built using HTML, CSS, JavaScript, React, and Chakra UI. Features include Home, Features, Advantages, About Us, and FAQs. Powered by react-scroll for seamless navigation.
- Host: GitHub
- URL: https://github.com/myashavanth/uifry
- Owner: mYashavanth
- Created: 2024-06-03T04:28:20.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-06-06T11:36:49.000Z (11 months ago)
- Last Synced: 2025-02-03T22:39:12.790Z (3 months ago)
- Topics: chakra-ui, context-api, css, html5, javascript, module-css, react-dark-mode-toggle, react-icons, react-scroll
- Language: JavaScript
- Homepage: https://uifry-pied-two.vercel.app
- Size: 4.07 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# UrFry
UrFry is a single landing page application with smooth scrolling effects, developed using HTML, CSS, JavaScript, React, and Chakra UI. It features sections such as Home, Features, Advantages, About Us, and FAQs. The smooth scrolling effect is implemented using the `react-scroll` library.
## Table of Contents
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Technologies Used](#technologies-used)
- [Screenshots](#screenshots)
## Features
- Home section with an overview of the product
- Features section detailing the key functionalities
- Advantages section highlighting the benefits
- About Us section with information about the creators
- FAQs section addressing common questions
- Smooth scrolling effect for navigation
## Installation
To get started with the project, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/mYashavanth/uifry.git
```
2. Navigate to the project directory:
```bash
cd uifry
```
3. Install the dependencies:
```bash
npm install
```
## Usage
To run the project locally, use the following command:
```bash
npm run dev
```
This will start the development server. Open your browser and navigate to `http://localhost:5173` to view the application.
You can also view the deployed application [here](https://uifry-pied-two.vercel.app/).
## Technologies Used
- HTML
- CSS
- JavaScript
- React
- Context-API
- Chakra UI
- React Scroll
- React Icons
- React Dark Mode Toggle
## Screenshots
### Screenshot 1
### Screenshot 2
### Screenshot 3
### Screenshot 4
