Skip to content

d-code-h/xora

Repository files navigation

Xora 🌐

Welcome to the Xora project! This is a modern, responsive landing page built using React, Vite, and TailwindCSS. The project is intended to provide a clean, user-friendly interface for showcasing a SaaS (Software as a Service) product.

xora saas landing page

Features ✨

  • React for building the user interface ⚛️
  • TailwindCSS for responsive and customizable styling 🎨
  • Vite for fast development and building 🚀
  • TypeScript for type safety 🛡️
  • ESLint for code linting and quality control 🧹
  • React Scroll for smooth scrolling interactions 🏞️
  • React Slidedown for FAQ item animations 📜

Setup Instructions 🛠️

1. Clone the Repository

git clone https://github.com/d-code-h/xora.git
cd xora

2. Install Dependencies

npm install

3. Run in Development Mode

npm run dev

This will start the development server. Open your browser and go to http://localhost:5173 to view the landing page.

4. Build the Project for Production

npm run build

This will bundle the project for production in the dist folder.

5. Preview the Built Project

npm run preview

This will serve the production build locally for previewing.

Available Scripts 📝

  • npm run dev: Start the development server.
  • npm run build: Build the project for production.
  • npm run preview: Preview the production build.
  • npm run lint: Lint the codebase using ESLint.

Dependencies 📦

  • clsx: Utility for conditionally combining class names.
  • react: JavaScript library for building user interfaces.
  • react-countup: A component to animate counting numbers.
  • react-dom: Package to interact with the DOM.
  • react-scroll: Smooth scrolling functionality for navigation.
  • react-slidedown: Slide-down animations for FAQs.

Dev Dependencies 🛠️

  • @eslint/js: ESLint configuration for JavaScript.
  • @vitejs/plugin-react: Vite plugin for React.
  • autoprefixer: PostCSS plugin to add vendor prefixes.
  • eslint: Tool for identifying and fixing linting errors.
  • tailwindcss: Utility-first CSS framework for fast UI development.
  • typescript: JavaScript with static types.
  • vite: Next-generation, fast bundler.

Contributing 🤝

We welcome contributions! Feel free to fork this repository and create pull requests with your improvements.

License MIT License

This project is licensed under the MIT License. See the LICENSE file for details.