Flight booking website built on React, TypeScript, and SCSS
Tripma is a modern flight booking website designed to provide a seamless experience for users to search and book flights. The application is built using React, TypeScript, and SCSS, ensuring a robust and maintainable codebase.
- Flight search and booking
- Responsive design
- Modern UI/UX
- Built with React and TypeScript
- Styled with SCSS
Ensure you have the following installed on your system:
- Node.js (>= 14.x)
- npm (>= 6.x)
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/rovendix/tripma.git
- Navigate to the project directory:
cd tripma
- Install the dependencies:
npm install
To start the development server, run:
npm run dev
This will launch the app and you can view it in your browser at http://localhost:3000
.
Here is an overview of the project's structure:
tripma/
├── public/ # Public assets
├── src/ # Source files
│ ├── assets/ # Static assets like images, fonts, etc.
│ ├── components/ # Reusable React components
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Page components
│ ├── services/ # API service functions
│ ├── styles/ # SCSS stylesheets
│ ├── utils/ # Utility functions
│ ├── App.tsx # Main app component
│ ├── index.tsx # Entry point
│ └── ... # Other files
├── .gitignore # Git ignore file
├── package.json # Project dependencies and scripts
├── README.md # Project documentation
└── tsconfig.json # TypeScript configuration
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository
- Create a new branch (
git checkout -b feature-branch
) - Make your changes
- Commit your changes (
git commit -m 'Add new feature'
) - Push to the branch (
git push origin feature-branch
) - Open a pull request