Skip to content

MoonEX is a responsive and user-friendly web application designed to provide an engaging interface. Built using modern web technologies, MoonEX delivers an exceptional user experience across various devices.

Notifications You must be signed in to change notification settings

Gyanthakur/assignement-moonex

Repository files navigation

logo
image

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

MoonEX

MoonEX is a responsive and user-friendly web application designed to provide an engaging interface. Built using modern web technologies, MoonEX delivers an exceptional user experience across various devices.

Features

  • Responsive Design: Optimized for mobile, tablet, and desktop screens using Tailwind CSS.
  • Interactive Navigation: Includes a sliding mobile menu with smooth animations.
  • Secure Wallet Integration: Allows users to connect their wallets seamlessly.
  • Detailed Roadmap: A structured plan showcasing MoonEX's vision and goals.
  • FAQs and Contact Support: Easily accessible help and support sections.

Technologies Used

  • React.js: Frontend framework for building a dynamic user interface.
  • Tailwind CSS: Utility-first CSS framework for responsive and modern designs.
  • JavaScript: For implementing interactivity and dynamic features.

Installation

  1. Clone the repository:

    git clone https://github.com/Gyanthakur/assignement-moonex.git
  2. Navigate to the project directory:

    cd moonex
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your browser and visit http://localhost:5173.

Responsive Design

  • The layout adapts dynamically to different screen sizes.
  • The mobile menu features smooth slide-in animations.

Folder Structure

moonex/
├── public/         # Static assets like images and icons
├── src/
│   ├── components/ # Reusable React components
│   ├── pages/      # React pages
│   ├── styles/     # Tailwind CSS configuration
│   └── App.js      # Main application logic
└── package.json    # Project dependencies

Screenshots

Mobile View

image

Desktop View

image

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.

  2. Create a new branch:

    git checkout -b feature-name
  3. Make your changes and commit:

    git commit -m "Add new feature"
  4. Push your branch:

    git push origin feature-name
  5. Open a pull request.


Developed with ❤️ by Gyan Pratap Singh.

About

MoonEX is a responsive and user-friendly web application designed to provide an engaging interface. Built using modern web technologies, MoonEX delivers an exceptional user experience across various devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published