Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 2 months 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 (10 months ago)
- Default Branch: master
- Last Pushed: 2024-03-14T11:26:13.000Z (9 months ago)
- Last Synced: 2024-04-23T05:07:21.084Z (8 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)