Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karansingh34951/react-mini-projects
Restaurant Finder is a web application that helps users discover nearby restaurants and browse their menus based on their location. Built with React JS for functionality and styled with Tailwind CSS. It demonstrates my skills in modern web development and my ability to integrate geolocation features into a web application.
https://github.com/karansingh34951/react-mini-projects
design javascript reactjs taiwlindcss
Last synced: 6 days ago
JSON representation
Restaurant Finder is a web application that helps users discover nearby restaurants and browse their menus based on their location. Built with React JS for functionality and styled with Tailwind CSS. It demonstrates my skills in modern web development and my ability to integrate geolocation features into a web application.
- Host: GitHub
- URL: https://github.com/karansingh34951/react-mini-projects
- Owner: KARANSINGH34951
- Created: 2024-04-25T09:29:04.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-07-13T18:05:25.000Z (4 months ago)
- Last Synced: 2024-07-13T19:25:01.114Z (4 months ago)
- Topics: design, javascript, reactjs, taiwlindcss
- Language: JavaScript
- Homepage:
- Size: 7.71 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Restaurant Finder
Restaurant Finder is a web application that helps you discover restaurants near your location and browse their menus. The application is built using React JS for the frontend functionality and styled with Tailwind CSS.
## Features
- **Location-based Search**: Automatically detects your location and shows nearby restaurants.
- **Restaurant Information**: Provides detailed information about each restaurant.
- **Menu Display**: Displays the menu for each restaurant.
- **Responsive Design**: Ensures the application looks great on all devices.
## Technologies Used
- **React JS**: JavaScript library for building user interfaces.
- **Tailwind CSS**: Utility-first CSS framework for styling.
## Installation
1. **Clone the repository:**
```bash
git clone https://github.com/yourusername/restaurant-finder.git
```
2. **Navigate to the project directory:**
```bash
cd restaurant-finder
```
3. **Install dependencies:**
```bash
npm install
```
4. **Start the development server:**
```bash
npm start
```
## Usage
1. Open the application in your browser:
```bash
http://localhost:3000
```
2. Allow the application to access your location.
3. Browse the list of nearby restaurants and their menus.
## Folder Structure
```
restaurant-finder/
├── public/
│ ├── index.html
│ └── ...
├── src/
│ ├── components/
│ │ ├── Header.js
│ │ ├── RestaurantCard.js
│ │ └── ...
│ ├── pages/
│ │ ├── HomePage.js
│ │ └── RestaurantPage.js
│ ├── App.js
│ ├── index.js
│ └── ...
├── tailwind.config.js
├── postcss.config.js
├── package.json
└── ...
```
## Contributing
Contributions are welcome! Please fork the repository and use a feature branch. Pull requests are warmly welcome.
1. Fork the repository.
2. Create your feature branch (`git checkout -b feature/AmazingFeature`).
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`).
4. Push to the branch (`git push origin feature/AmazingFeature`).
5. Open a pull request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
If you have any questions or feedback, feel free to contact me at [[email protected]].