https://github.com/kiranwankhade/fastor

Restaurant App: A login system allowing users to authenticate via mobile number and OTP, with features including restaurant discovery and image superimposing. Built with React.js and Chakra UI.
https://github.com/kiranwankhade/fastor

axios chkaraui reactjs usestate

Last synced: about 16 hours ago
JSON representation

Restaurant App: A login system allowing users to authenticate via mobile number and OTP, with features including restaurant discovery and image superimposing. Built with React.js and Chakra UI.

• Host: GitHub
• URL: https://github.com/kiranwankhade/fastor
• Owner: kiranwankhade
• Created: 2024-03-02T14:25:49.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-03-14T11:26:13.000Z (8 months ago)
• Last Synced: 2024-04-23T05:07:21.084Z (7 months ago)
• Topics: axios, chkaraui, reactjs, usestate
• Language: JavaScript
• Homepage: https://fastor-pink.vercel.app/
• Size: 5.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Restaurant App

A login system where a user can simply fill in the mobile number on the 1st screen & then enter an OTP (123456) on the second screen. Once the person has logged in, you have to complete 2 functionalities: List of restaurants used to discover places & image superimposing which are explained below.

## Features

1. **Login System**: Users can login using their mobile number and OTP.

2. **List of Restaurants**: Display nearby restaurants using a REST API.

3. **Restaurant Details**: Show detailed information about each restaurant, including images.

4. **Image Superimposing**: Superimpose the Fastor logo onto the center of each restaurant image.

## Technologies Used

- React.js

- Chakra UI

- Axios

- React Router DOM

- React Icons

- React Slick

- Slick Carousel

## Installation

1. Clone the repository:

   ```bash

   git clone 

   

2. Install dependencies:

     ```bash

      npm install

     

3. Start the development server

    ```bash

      npm start

    

4. Open http://localhost:3000 to view it in the browser.

## Deployment

This project is deployed at https://fastor-pink.vercel.app/

## GitHub Repository

The code for this project is available on GitHub at https://github.com/kiranwankhade/fastor

## Screenshots

![fastor1](https://github.com/kiranwankhade/fastor/assets/49937312/cac6924a-1e38-418f-bb16-a3fa9b7095cf)

![fastor2](https://github.com/kiranwankhade/fastor/assets/49937312/91c69d35-fa4d-47e4-b77c-c6f6e1cbb46e)

![fastor3](https://github.com/kiranwankhade/fastor/assets/49937312/919beb39-a22c-43dc-8f61-9c676678e32e)

![fastor4](https://github.com/kiranwankhade/fastor/assets/49937312/a74b8513-dbe7-4681-993b-62ded427c9ce)

![fastor5](https://github.com/kiranwankhade/fastor/assets/49937312/0b2e6a21-d6f4-45c4-b822-812106d33164)