project-3-client

KO | EN

gitlite — search

#python #react #ai #llm #golang #machine-learning #deep-learning #docker #macos #awesome #kubernetes #vue #awesome-list #open-source

project-3-client

(★ 13)

No description available.

project-3-client Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🍽️ **Restaurant Web Application Frontend - MERN Project "Nyam Nyam"**

This is the frontend component of the Restaurant Web Application project, named "Nyam Nyam." It is built using React and provides the user interface and client-side logic required for interacting with the backend API.

## 🌟 **Project Overview**

The frontend of this project allows users to interact with the application, view restaurants, leave comments, rate establishments, and manage their profiles. Restaurant owners can also manage their listings and view feedback from users.

## 🛠️ **Technologies Used**

- **React**: JavaScript library for building user interfaces.
- **Vite**: Build tool that provides a fast development environment and optimized production builds.
- **FontAwesome**: Library for scalable vector icons and social logos.
- **axios**: Library for making HTTP requests to the backend API.
- **Cloudinary**: Used for handling and displaying images.
- **Payload**: Content management system for managing data (if applicable on the frontend).
- **jsonwebtoken (JWT)**: For managing authentication tokens (if applicable on the frontend).
- **bcrypt**: For password hashing (if applicable on the frontend).

## 🎨 **Styles and CSS**

- **Tailwind CSS**: Utilized for utility-first styling, enabling rapid design with predefined classes.
- **Custom Styles**: Additional custom CSS is written for specific components to achieve unique visual effects and layouts.

## 🚀 **Getting Started**

### Prerequisites

Make sure you have the following installed:

- [Node.js](https://nodejs.org/)
- [Vite](https://vitejs.dev/) (usually installed via npm or yarn)
- [Cloudinary account](https://cloudinary.com/) (for image management)

### Installation

1. **Clone the repository:**

```bash
    git clone [FRONTEND_REPOSITORY_URL]
    ```

2. **Navigate to the project directory:**

```bash
    cd [DIRECTORY_NAME]
    ```

3. **Install dependencies:**

```bash
    npm install
    ```

4. **Set up environment variables:** Create a **.env** file in the root directory and add your configuration. Example `.env` file:

```dotenv
    VITE_API_BASE_URL=http://localhost:3000/api
    VITE_CLOUDINARY_URL=your_cloudinary_url
    ```

5. **Run the development server:**

```bash
    npm run dev
    ```

6. **Access the application:** Open [http://localhost:3000](http://localhost:3000) in your browser.

## 📦 **Deployment**

The frontend is deployed and accessible via Vercel. Check the deployment status and logs on the Vercel dashboard.

## 📝 **License**

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

## 👤 **Author**

Maksim Georgiev Marinov - [mks1313](https://github.com/mks1313)

### 📧 Contact

Feel free to reach out if you have any questions or feedback.

## 🌐 **Visit the Application**

You can access the application at: [Nyam Nyam](https://project-3-client.vercel.app/)

project-3-client

project-3-client Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

project-3-client

project-3-client Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README