Giter VIP home page Giter VIP logo

uifry-assignment's Introduction

Responsive Landing Page for Mobile Application

Overview:-

This project is a responsive landing page for a mobile application, designed to provide an engaging user experience across various devices, including mobile phones, tablets, and laptops. The website features advanced CSS for a modern UI and JavaScript to enhance interactivity.

Live Demo: Live Demo UiFry

Figma Design Reference: Figma Link

Screenshot

Front_Page_ Screenshot

Front_Page_ Screenshot_dark

Front_Page_ Screenshot_dark

Key Features:-

  • Advanced UI/UX: Implemented using HTML, CSS, and JavaScript for dynamic and interactive elements.

  • Hover and Animation Effects: Eye-catching animations and hover effects to enhance user experience.

  • Dark Mode: Toggle between light and dark themes with a button. The chosen theme is retained using local storage, even after page reloads.

  • Responsiveness: Optimized for mobile phones, tablets, and laptop screens. (Note: Not fully responsive on very large screens and some mobile devices.)

Features in Development:-

  • Complete Section Implementation: Finalizing all sections as per the Figma design, including the footer.

  • Enhanced Responsiveness: Ensuring full responsiveness across a wider range of devices.

  • Smooth Scrolling: Adding smooth scrolling for navigation when clicking on navbar items.

  • Scroll-to-Top Button: Implementing a bottom-to-top arrow functionality for easy navigation.

Installation

To run this project locally:

Clone the repository:

git clone https://github.com/your-username/your-repo-name.git

Navigate to the project directory

cd your-repo-name

Open index.html in your preferred web browser.

Usage

  • Dark Mode Toggle: Click the toggle button to switch between dark and light themes. The preference will be saved and applied on subsequent visits.

  • Responsive Design: Resize your browser to see the responsive layout adjustments for different screen sizes.

Contact Me

Name: Ananta Chattapadhyay
Email: [email protected]
LinkedIn: Ananta Chattapadhyay

uifry-assignment's People

Contributors

ananta2545 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.