An open API service indexing awesome lists of open source software.

https://github.com/pushpendra-1697/wobot

Frontend (React.js) Assignment.
https://github.com/pushpendra-1697/wobot

chakra-ui html-css-javascript react-components reatctjs

Last synced: 7 months ago
JSON representation

Frontend (React.js) Assignment.

Awesome Lists containing this project

README

          

# Wobot-Assignment
## Frontend Verecel Deployed Link :

##### Steps to deploy REACT app on Vercel:
- Login to your Vercel account
- then follow some CLI comments on the terminal itself
- vercel
- then the terminal asks some questions about setup and directory
- vercel --prod
- It will give me a production link that is deployed link

Deploy link: https://wobot-alpha.vercel.app

## Tech Stack :

### Frontend :

React (JSX Syntax), Chakra-ui Library for Styling & Standard react components.

## Some instructions to run locally :

### Installation

Clone the Repository from GitHub. Then do the following steps:

```bash
# For Frontend

npm install

npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion

// To run react-app
npm run start
(Or)
npm start
```

## Some Project Screenshots :

## A) For Computer Screen:
![Screenshot (341)](https://github.com/Pushpendra-1697/wobot/assets/104748364/b1cc9d98-8335-45dc-89ff-81609c54fd4f)
![Screenshot (342)](https://github.com/Pushpendra-1697/wobot/assets/104748364/b3073b6a-65d9-440e-aa6c-d93d216a0747)
## B) For Mobile/Tablet Screen :
![Screenshot (343)](https://github.com/Pushpendra-1697/wobot/assets/104748364/8d3a5ac6-ffa4-4ce9-833d-c67987c4968e)
![Screenshot (345)](https://github.com/Pushpendra-1697/wobot/assets/104748364/9c5c821d-ad04-47ac-95ff-dabee4942e2f)