Skip to content

msevadera/PathFinder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PathFinder

A modern React application scaffold built with Vite for fast development and optimal performance.

Features

  • ⚡️ Vite - Lightning fast build tool
  • ⚛️ React 18 - Latest React features
  • 🎨 Modern CSS - Clean, responsive styling
  • 🔧 ESLint - Code linting and formatting
  • 📱 Responsive - Mobile-first design
  • 🌙 Dark Mode - Automatic dark/light theme support

Getting Started

Prerequisites

  • Node.js (version 16 or higher)
  • npm or yarn

Installation

  1. Install dependencies:

    npm install
  2. Start the development server:

    npm run dev
  3. Open your browser and navigate to http://localhost:3000

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build locally
  • npm run lint - Run ESLint

Project Structure

PathFinder/
├── public/           # Static assets
├── src/
│   ├── components/   # React components
│   ├── App.jsx       # Main App component
│   ├── App.css       # App styles
│   ├── index.css     # Global styles
│   └── main.jsx      # Entry point
├── index.html        # HTML template
├── package.json      # Dependencies and scripts
├── vite.config.js    # Vite configuration
└── README.md         # This file

Customization

Styling

  • Global styles are in src/index.css
  • Component-specific styles are in src/App.css
  • The project includes both light and dark mode support

Components

  • Add new components in the src/components/ directory
  • Import and use them in your main App component

Building for Production

npm run build

This will create a dist folder with optimized production files.

Technology Stack

  • React - UI library
  • Vite - Build tool and dev server
  • ESLint - Code linting
  • CSS3 - Styling with modern features

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

This project is open source and available under the MIT License.

About

Educational and Interactive Path Finding Algorithm Visualizer

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors